Stargames/script.js at main · armelle-pouzioux/Stargames · 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
const toggleButton = document.getElementById("toggle-dark-mode");

if (localStorage.getItem("dark-mode") === "enabled") {
    document.body.classList.add("dark-mode");
    toggleButton.textContent = "🌙";
} else {
    toggleButton.textContent = "☀️";
}

toggleButton.addEventListener("click", () => {
    document.body.classList.toggle("dark-mode");

    toggleButton.classList.add("dark-mode-active");

    if (document.body.classList.contains("dark-mode")) {
        toggleButton.textContent = "🌙";
        localStorage.setItem("dark-mode", "enabled");
    } else {
        toggleButton.textContent = "☀️";
        localStorage.setItem("dark-mode", "disabled");
    }

    setTimeout(() => {
        toggleButton.classList.remove("dark-mode-active");
    }, 500);
});

// Menu burger
const hamburgerButton = document.getElementById("hamburgerButton");
const hamburgerMenu = document.getElementById("hamburgerMenu");


hamburgerButton.addEventListener("click", () => {
    hamburgerMenu.classList.toggle("active");
});


document.addEventListener("click", (event) => {
    if (!hamburgerMenu.contains(event.target) && !hamburgerButton.contains(event.target)) {
        hamburgerMenu.classList.remove("active");
    }
});