Drivora/script.js at master · aditya5259kumar/Drivora · 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
//<!------------------------ header section ------------------------>

const navMenu = document.querySelector(".nav-menu");
const navMenuOpen = document.querySelector(".nav-menu-open");
const navMenuClose = document.querySelector(".nav-menu-close");

navMenuOpen.addEventListener("click", () => {
  navMenu.style.display = "flex";
  navMenuOpen.style.display = "none";
  navMenuClose.style.display = "inline-block";
});

navMenuClose.addEventListener("click", () => {
  navMenu.style.display = "none";
  navMenuOpen.style.display = "inline-block";
  navMenuClose.style.display = "none";
});

//<!------------------------ theme toggle ------------------------>

const themeButton = document.querySelector(".theme-btn");

themeButton.addEventListener("click", () => {
  if (document.body.className === "dark") {
    document.body.className = "";
    themeButton.innerHTML = `<i class="fa-solid fa-moon"></i>`;
    localStorage.setItem("driving-school-theme", "light");
  } else {
    document.body.className = "dark";
    themeButton.innerHTML = `<i class="fa-solid fa-sun"></i>`;
    localStorage.setItem("driving-school-theme", "dark");
  }
});

window.addEventListener("load", () => {
  const savedTheme = localStorage.getItem("driving-school-theme");

  if (savedTheme === "dark") {
    document.body.className = "dark";
    themeButton.innerHTML = `<i class="fa-solid fa-sun"></i>`;
  } else {
    document.body.className = "";
    themeButton.innerHTML = `<i class="fa-solid fa-moon"></i>`;
  }
});