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

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. 在饼干里
3. 在localStorage

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

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