Javascript暗模式切换不适用于onClick


main.js:

   function darkModeToggle() {
    var element = document.body;
    element.classList.add("darkmode");
    localStorage.setItem("mode", "dark");
    let mode = localStorage.getItem('mode')

    if (mode === 'dark') {
        document.getElementById("darkmode-button").onclick = lightModeToggle();
        document.getElementById("darkmode-button").innerHTML = 'Light mode';
        localStorage.setItem("mode", "light");
        return false
    }

}


function lightModeToggle() {
    var element = document.body;
    element.classList.remove("darkmode");
    localStorage.setItem("mode", "light");

    let mode = localStorage.getItem('mode')
    console.log('Hello')

    if (mode === 'light') {
        localStorage.setItem("mode", "dark");

        document.getElementById("darkmode-button").onclick = darkModeToggle();
        document.getElementById("darkmode-button").innerHTML = 'Dark mode'
    }

}

我在home.html中有一个按钮

<button onClick='darkModeToggle' id='darkmode-button'>Dark mode</button>

但是这不起作用..我想存储用户的设置,如果他们想在网站中暗模式或亮模式。

为什么我当前的代码不能工作以及如何修复它?

转载请注明出处:http://www.runhoujixie.com/article/20230526/2618788.html