刷新页面后我的暗模式一直关闭

Question

您好，我在切换页面或刷新时保持暗模式有问题。 我试图玩java代码没有运气有谁知道我应该在我的js上添加什么代码以便它保存我的主题？这是我的代码提前谢谢 https://codepen.io/wissambattlaxe/pen/xxOvbmL

let button = document.querySelector('.onoffswitch-checkbox')

        button.addEventListener('click', ()=>{
          document.documentElement.classList.toggle('dark-mode')
        })

这是网站：http://zabri.atwebpages.com/index

Answer 1

为了保留所选主题，您必须将用户的选择保存在某处。可能的选项是：

1. 网址内
2. 在 cookie 中
3. 在localStorage

然后，在每次页面加载时，您将查找保存的选择并应用它。

要了解有关使用 localStorage 的更多信息，MDN web docs 是一个很好的起点。