Javascript 重新启动网页时，暗模式首选项丢失

我正在尝试在我的待办事项列表网站上实现暗模式，按钮和暗模式首选项工作得很好，但是当使用nodeJS发出post请求时，网页会重新启动并恢复正常（即网页加载的相同模式）

提前感谢：）

有关完整代码的gitHub：

代码如下：

$（“.input text”）.focus（）；
$（“#活动按钮”）。在（“单击”，函数（）上）{
$（this.children（）.toggleClass（“按钮颜色”）；
$（“.checkbox:checked”）.parent（.hideBox”）.toggleClass（“hide”）；
})
$（“#完成按钮”）。在（“单击”，函数（）{
$（this.children（）.toggleClass（“按钮颜色”）；
$（“.checkbox:not（：checked）”）.parent（“.hideBox”）.toggleClass（“hide”）；
})
$（“#所有按钮”）。在（“单击”，函数（）上）{
window.location.reload（）；
})
$（“.mode按钮”）。打开（“单击”，函数（）{
$（“body”）.toggleClass（“暗模式-1”）；
$（“.entry div、.box、.final div”）.toggleClass（“暗模式-2”）；
$（“p，.input text”）.toggleClass（“暗模式-3”）；
})

.dark-mode-1{
背景色：hsl（0,0,98%）；
保证金：0；
背景图片：url（“/images/bg desktop light.jpg”）；
背景重复：无重复；
背景尺寸：包含；
}
.暗模式2{
背景：hsl（0,0%，98%）；
}
.暗模式3{
颜色：hsl（235,19,35%）；
}

待办事项

在此处添加要执行的操作

X
项目
所有
激活
已完成
清除

您需要将该状态保存到某个位置。在该功能中：

$(".mode-button").on("click", function() {
  $("body").toggleClass("dark-mode-1");
  $(".entry-div, .box, .final-div").toggleClass("dark-mode-2");
  $("p, .input-text").toggleClass("dark-mode-3");
})

---

您可以将暗模式状态保存到localStorage中，方法是首先检查它是否被打开或关闭，然后执行类似于

localStorage.setItem（'my-app-dark-mode'，“true”）

（或false）的操作，然后在应用程序加载时，使用

JSON.parse（localStorage.getItem（'my-app-dark-mode'））检索该值

以确定您应该使用哪种模式。

我还没有查看您的代码，应该尝试在问题中包含相关代码。首选项是如何存储/恢复的？由于在gitHub上协作很容易，我附加了一个链接，感谢您的帮助。我在gitHub上看到了您的编辑，但是，它没有用，也没有用工作