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