如何使用Javascript向Localstorage添加暗模式

如何使用Javascript向Localstorage添加暗模式,javascript,html,Javascript,Html,请住家,我想为我的黑暗模式做本地存储 这是我的密码。请帮助向其中添加本地存储: HTML 我的CSS已经准备好了 我只需要将Localstorage的功能添加到javascript中。选中/取消选中该框时,只需将其添加到本地存储,并在页面加载时检索它并设置该类(如果该类已提前保存) 签入JSIDLE: $(()=>{ const theme='KaXTamNight'; const darkMode=localStorage.getItem(主题); $('body').toggleClass(

请住家,我想为我的黑暗模式做本地存储

这是我的密码。请帮助向其中添加本地存储:

HTML

我的CSS已经准备好了


我只需要将Localstorage的功能添加到javascript中。

选中/取消选中该框时,只需将其添加到本地存储,并在页面加载时检索它并设置该类(如果该类已提前保存)

签入JSIDLE:

$(()=>{
const theme='KaXTamNight';
const darkMode=localStorage.getItem(主题);
$('body').toggleClass(主题,暗码=='true');
$('#'+主题)。道具('checked',暗码=='true')。单击(函数(){
$(“body”).toggleClass(主题,$(this).is(':checked');
setItem(主题,字符串($(this).is(':checked'));
});
});
.KaXTamNight{
背景色:#777;
}
黑暗

向我们展示您在研究如何使用localStorage后所做的尝试。这里的目标是让您进行基础研究,然后发布代码尝试解决您自己的问题。当您的代码无法按预期工作时,其他人会提供帮助。Stackoverflow不是一个新的功能编码服务评论不用于扩展讨论;这段对话已经结束。
<div class='KaXTamSwitch'>Dark
<input class='tgl tgl-KaXTam' id='KaXTamNight' type='checkbox'/>
<label class='tgl-btn' for='KaXTamNight'/></div>
$('#KaXTamNight').click(function(){
    if ($('#KaXTamNight').is(':checked')) {
    $("body").addClass('KaXTamNight');
    }else {
    $("body").removeClass('KaXTamNight');
    }   
    });