BooksWorld/index.js at main · arunn0909/BooksWorld · 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
/* Slider part Js Starts (as it is , i have just shifted it here in index,js file ) */
const swiper = new Swiper('.swiper', {
    autoplay: {
        delay: 3000,
        disableOnInteraction: false,
    },
    loop: true,

    // If we need pagination
    pagination: {
        el: '.swiper-pagination',
        clickable: true,
    },

    // Navigation arrows
    navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
    },

});
/* Slider Part Js ends */

const body = document.querySelector("body");
const genre = document.querySelector("#genre");
const toggle = document.querySelector("#toggle");
const sunIcon = document.querySelector(".toggle .bxs-sun");
const moonIcon = document.querySelector(".toggle .bx-moon");

const selectedTheme = document.cookie;

if (selectedTheme == "light")
    document.body.style.background = "white";
else
    document.body.style.background = "black";

toggle.addEventListener("change", () => {

    body.classList.toggle("dark");
    genre.classList.toggle("dark");
    sunIcon.className = sunIcon.className == "bx bxs-sun" ? "bx bx-sun" : "bx bxs-sun";
    moonIcon.className = moonIcon.className == "bx bxs-moon" ? "bx bx-moon" : "bx bxs-moon";

    if (document.cookie == "dark")
    {
        document.cookie =  "light";
        document.body.style.background = "white";
    }
    else
    {
        document.cookie =   "dark";
        document.body.style.background = "black";
    }

});

function dismissAlert(){
    let alert = document.getElementById('alertContainer');
    alert.innerHTML = ` `;
}