jquery 如何在localStorage上添加此js

tvz2xvvm  于 2022-11-03  发布在  jQuery
关注(0)|答案(1)|浏览(158)

你能帮我吗...我有这个代码,我想把它添加到localStorage任何解决方案

const sun = 'sun';
const moon = 'moon';
const toggleSwitch = document.querySelector('#darkmodeToggle');

function switchTheme(e) {
  if (document.documentElement.getAttribute('data-theme') == 'light') {
    document.documentElement.setAttribute('data-theme', 'dark');
    this.innerHTML = sun;
  }
  else {
    document.documentElement.setAttribute('data-theme', 'light');
    this.innerHTML = moon;
  }    
}
toggleSwitch.addEventListener('click', switchTheme, false);

if(window.matchMedia('(prefers-color-scheme: light)').matches) {
  document.documentElement.setAttribute('data-theme', 'light');
  toggleSwitch.innerHTML = moon;
}
enyaitl3

enyaitl31#

我认为您需要保存用户的暗模式选择,因此您可以只在localStorage中保存一个值,以便使用

localStorage.setItem("darkmood", "on");

然后您可以使用

localStorage.getItem("darkmood");

获取用户选择

相关问题