LibraryManagement/script2.js at main · Shail-ja/LibraryManagement · 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
const body = document.querySelector("body"),
      dashboard = document.querySelector(".dashboard"),
      toggle = body.querySelector(".toggle"),
      modeText = body.querySelector(".mode-text"),
      modeSwitch = body.querySelector(".toggle-switch");
      modeIcon = body.querySelector(".moon-sun");
      dashClose = body.querySelector(".header");
      dash = body.querySelector(".main");

    window.onload = () =>{
        // dashboard.classList.toggle("close");
        // dashClose.classList.toggle("shift");
        // dash.classList.toggle("shift");
        body.classList.toggle("dark");
    }

      toggle.addEventListener("click", () =>{
        dashboard.classList.toggle("close");
        dashClose.classList.toggle("shift");
        dash.classList.toggle("shift");
      })

      if(dashboard.classList.contains("close")){
        modeIcon.addEventListener("click", () =>{
        body.classList.toggle("dark");
        })
      }


      modeSwitch.addEventListener("click", () =>{
        body.classList.toggle("dark");

        if(body.classList.contains("dark")){
            modeText.innerText = "Light Mode"
        }
        else{
            modeText.innerText = "Dark Mode"
        }
      });