Javascript 使用css切换开关的本地存储时遇到问题

片段：

/*本地存储*/
const searchUser=document.getElementById（'autocomplete'）；
const messageUser=document.getElementById（'message-user'）；
const timezone=document.getElementById（'timezone'）；
const send=document.querySelector（'.send'）；
const save=document.querySelector（'.save'）；
const switch1=document.querySelectorAll（'input[type=“checkbox]”）[0]；
const switch2=document.querySelectorAll（'input[type=“checkbox]”）为[1]；
send.addEventListener（'click'，function（）{
if（searchUser.value&&messageUser.value）{
localStorage.setItem（“user”，searchUser.value）；
setItem（“message”，messageUser.value）；
window.alert（“您的设置已保存到本地存储”）；
location.reload（）；
}else if（searchUser.value | | messageUser.value）{
window.alert（“请填写所有必填字段”）；
}
});
save.addEventListener（'单击'，函数（））{
if（时区值）{
setItem（“timezone”，timezone.value）；
localStorage.setItem（“switch1”，switch1.checked）；
localStorage.setItem（“switch2”，switch2.checked）；
window.alert（“您的设置已保存到本地存储”）；
location.reload（）；
}
});
/*消息用户*/
/*背景*/
。讯息使用者，
.设置{
显示器：flex；
弯曲方向：立柱；
填充：0 15px；
边框顶部：1px灰色实心；
}
.设置{
左边框：1px灰色实体；
}
.消息用户>*{
填充物：5px；
边缘底部：10px；
}
.设置>*{
边际下限：10px
} 
.设置>标签{
填充：10px0；
}
选择[id=“时区”]{
页边顶部：自动；
填充：10px；
}
.设置按钮{
宽度：100%；
显示器：flex；
证明内容：之间的空间；
}
拯救
.取消{
弹性基准：48%；
}
.按钮{
颜色：白色；
背景色：#7279C2；
填充物：5px；
}
.取消{
背景色：#B2B2B2；
}

消息用户
邮寄
设置

发送电子邮件通知

关
在…上

将配置文件设置为公共

关
在…上
选择一个时区
沃尔沃汽车
沃尔沃汽车
萨博
法令
奥迪
拯救
取消
在上发现控制台错误：

document.querySelectorAll（'input[type=“checkbox]”）
、
[0]
和
[1]


这应该是：

document.querySelectorAll（'input[type=checkbox]）


（无双引号

（控制台在每个浏览器的F12上）

而且：

else if（searchUser.value | | messageUser.value）


应该是：

else if（searchUser.value=''| | messageUser.value=''）


本地存储值也可以在浏览器检查器（F12）的存储部件中看到
conplete JS：

/* LOCAL STORAGE */
const searchUser  = document.getElementById('autocomplete')
  ,   messageUser = document.getElementById('message-user')
  ,   timezone    = document.getElementById('timezone')
  ,   send        = document.querySelector('.send')
  ,   save        = document.querySelector('.save')
  ,   switch1     = document.querySelectorAll('input[type=checkbox]')[0]
  ,   switch2     = document.querySelectorAll('input[type=checkbox]')[1]
  ;

send.addEventListener('click', function ()
{
  if (searchUser.value && messageUser.value)
  {
    localStorage.setItem("user", searchUser.value);
    localStorage.setItem("message", messageUser.value);
    window.alert("Your settings have been saved to local storage");
    location.reload();
  }
  else if (searchUser.value=='' || messageUser.value=='')
  {
    window.alert("Please fill in all required fields");
  }
});

save.addEventListener('click', function ()
{
  if (timezone.value) {
    localStorage.setItem("timezone", timezone.value);
    localStorage.setItem("switch1", switch1.checked);
    localStorage.setItem("switch2", switch2.checked);
    window.alert("Your settings have been saved to local storage");
    location.reload();
  }
});

使用
localStorage
通常意味着您将在某个时候使用
localStorage.getItem（“…”）
来检索保存的值；但我在代码中没有看到这一点。到底是什么问题？