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

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. 里面URL
2. 在 cookie 中
3. 在localStorage

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

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