TodoList/darmode.js at main · Mo-deck/TodoList · 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
const toggleButton = document.querySelector("#mode-toggle")
toggleButton.addEventListener("click", switchMode)

function switchMode(){

    document.body.classList.toggle("dark-mode")
    toggleButton.classList.toggle("dark-mode")


    if(document.body.classList.contains("dark-mode")){
        toggleButton.textContent = "Toggle Light mode"
        // xogta ku heneyso
        localStorage.setItem("mode", "dark")
    }else{
         toggleButton.textContent = "Toggle Dark mode"
         localStorage.setItem("mode", "light")
    }
}

window.addEventListener("DOMContentLoaded", function(){
    //local stroge checking
    const saveMode = localStorage.getItem("mode")

    if(saveMode == "dark"){
        document.body.classList.add("dark-mode")
        toggleButton.classList.add("dark-mode")
    }else {

    }

})