LibraryManagementSystem/script.js at main · Shail-ja/LibraryManagementSystem · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
let searchForm = document.querySelector('.search-form');

document.querySelector("#search-btn").onclick = () =>{
    searchForm.classList.toggle('active');
}


window.onscroll = () =>{

    searchForm.classList.remove('active');

    if(window.scrollY > 80){
        document.querySelector('.header .header-1').classList.add('active');
    }
    else{
        document.querySelector('.header .header-1').classList.remove('active');
    }
}

window.onload = () =>{

    if(window.scrollY > 80){
        document.querySelector('.header .header-1').classList.add('active');
    }
    else{
        document.querySelector('.header .header-1').classList.remove('active');
    }
}

let loginForm = document.querySelector(".Login-form");

document.querySelector("#login-btn").onclick = () =>{
    loginForm.classList.toggle('active');
}

document.querySelector('#close-login-btn').onclick = () =>{
    loginForm.classList.remove('active');
}

let signupForm = document.querySelector(".signup-form");

document.querySelector("#signup-btn").onclick = () =>{
    signupForm.classList.toggle('active');
}

document.querySelector('#close-signup-btn').onclick = () =>{
    signupForm.classList.remove('active');
}

// let themeToggler = document.querySelector("#theme-toggler");
document.addEventListener("DOMContentLoaded", function () {
    var swiper = new Swiper(".book-slider", {
        loop: true,
        spaceBetween: -20,
        centeredSlides: true,
        autoplay: {
            delay: 4500,
            disableOnInteraction: false,
        },
        breakpoints: {
            0: {
                slidesPerView: 1,
            },
            768: {
                slidesPerView: 2,
                spaceBetween: -100,
            },
            1024: {
                slidesPerView: 3,
            },
        },
    });
});