Javascript “如何使用cookies运行”；一键式；

我的网站有两个主要功能：第一，它支持带/不带macOS/iOS的黑暗模式（网站上有一个切换），我使用带有javascript的不同选项卡作为网站的翻译。现在我想要有一个功能，保存/获取一个cookie，它首先保存是否手动切换了暗模式，并保存上次单击的语言，因为当您进入新页面时，暗模式应该打开或关闭，并且只显示最后选择的语言

我已经在javascript中尝试了cookie的genreal get/save函数，但我不知道如何将这些函数准确地应用到我的代码中

这是我的实际script.js，没有cookie函数：

function openCity(evt, langName) {
  // Declare all variables
  var i, tabcontent, tablinks;

  // Get all elements with class="tabcontent" and hide them
  tabcontent = document.getElementsByClassName("tabcontent");
  for (i = 0; i < tabcontent.length; i++) {
    tabcontent[i].style.display = "none";
  }

  // Get all elements with class="tablinks" and remove the class "active"
  tablinks = document.getElementsByClassName("tablinks");
  for (i = 0; i < tablinks.length; i++) {
    tablinks[i].className = tablinks[i].className.replace(" active", "");
  }

  // Show the current tab, and add an "active" class to the button that opened the tab
  document.getElementById(langName).style.display = "block";
  evt.currentTarget.className += " active";
}

  document.getElementById("index").click();

//Darkmode

  $('#mode').change(function(){

    var os2 = new Audio('../images/os2.mp3');
    var dmmodus = new Boolean([false])

      if ($(this).prop('checked'))
      {
          $('body').addClass('dark-mode');
          os2.play();
      }
      else
      {
          $('body').removeClass('dark-mode');
      }

  });


  //kontakt
  document.getElementById('options').onchange = function() {
  var i = 1;

  var myDiv = document.getElementById(i);
  while (myDiv) {
    myDiv.style.display = 'none';
    myDiv = document.getElementById(++i);
  }
  document.getElementById(this.value).style.display = 'block';
};

函数openCity（evt，langName）{
//声明所有变量
var i，tabcontent，tablinks；
//使用class=“tabcontent”获取所有元素并隐藏它们
tabcontent=document.getElementsByClassName（“tabcontent”）；
对于（i=0；i

改用本地存储。只有当您需要将设置传送到后端时，才需要cookie

试试这个

$（'#mode'）。打开（“更改”，函数（）{
var darkMode=$（this.prop（'checked'）；
localStorage.setItem（“模式”，暗模式？“暗”：“”）
$（'body'）.toggleClass（'dark-mode'，darkMode）；
if（暗模式）{
新音频（'../images/os2.mp3'）.play（）；
}
}).prop（“选中”，localStorage.getItem（“模式”）=“暗”）
.change（）；//从本地存储初始化

改用本地存储。只有当您需要将设置传送到后端时，才需要cookie

试试这个

$（'#mode'）。打开（“更改”，函数（）{
var darkMode=$（this.prop（'checked'）；
localStorage.setItem（“模式”，暗模式？“暗”：“”）
$（'body'）.toggleClass（'dark-mode'，darkMode）；
if（暗模式）{
新音频（'../images/os2.mp3'）.play（）；
}
}).prop（“选中”，localStorage.getItem（“模式”）=“暗”）
.change（）；//从本地存储初始化