Bitu/Java.js at main · Shahidulb15/Bitu · 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
86
87
88
89
90
91
92
93


// const boxDiv = document.querySelector (".box");

// boxDiv.addEventListener("click", () =>{
//     console.log ();
// });


// const box = document.querySelector("#box");

// box.classList.add("transparent")
// box.classList.remove("rounded")
// box.classList.toggle ('active', 1 === 1)
// box.classList.replace ("transparent", "filled")

// console.log(box.classList.contains("filled"))


// const hamburger = document.querySelector(".hamburger");
// const mainNav = document.querySelector(".navbar");

// hamburger.addEventListener("click",() => {
//     hamburger.classList.toggle("active");
//     mainNav.classList.toggle("active");
// })

// const b2 = document.querySelectorAll(".navbar li a")
// b2.forEach(n => n.addEventListener("click",() =>{
//     hamburger.classList.remove("active");
//     mainNav.classList.remove("active");
// }))


// let darkmode = localStorage.getItem("darkmode")
// const themeSwitch = document.querySelector(".theme-switch")

// const enableDarkmode = () => {
//     document.body.classList.add("darkmode")
//     localStorage.setItem("darkmode", "active");
// }
// const disableDarkmode = () => {
//     document.body.classList.remove("darkmode")
//     localStorage.setItem("darkmode", "inactive");
// }

// if (darkmode === "active") enableDarkmode()

// themeSwitch.addEventListener("click", () => {
//     darkmode = localStorage.setItem("darkmode")
//     darkmode !== "active" ? enableDarkmode() : disableDarkmode()
// })


let darkmode = localStorage.getItem("darkmode");
const themeSwitch = document.querySelector(".theme-switch");

const enableDarkmode = () => {
    document.body.classList.add("darkmode");
    localStorage.setItem("darkmode", "active");
};

const disableDarkmode = () => {
    document.body.classList.remove("darkmode");
    localStorage.setItem("darkmode", "inactive");
};

if (darkmode === "active") enableDarkmode();

themeSwitch.addEventListener("click", () => {
    darkmode = localStorage.getItem("darkmode");
    if (darkmode !== "active") {
        enableDarkmode();
    } else {
        disableDarkmode();
    }
});


    // const m2 = document.querySelector(".java")
    // const b2 = document.querySelector(".javascript-dropdown")

    // b2.addEventListener("mouseover", () => {
    //     b2.classList.toggle("active")
    //     m2.classList.toggle("active")
    // })