javascript - Cookie を使用して「oneClick」を実行する方法

Question

私のウェブサイトには 2 つの主な機能があります。1 つ目は、macOS/iOS の有無にかかわらずダークモードをサポートし (ウェブサイトにトグルがあります)、ウェブサイトの翻訳として JavaScript を含むさまざまなタブを使用します。ダークモードが手動で切り替えられたかどうかを最初に保存し、最後にクリックされた言語を保存するCookieを保存/取得する機能が必要です。新しいページに来たとき、ダークモードはオンまたはオフにする必要があるためです最後に選択した言語だけが表示されます。

JavaScript で Cookie の一般的な get/save 関数を既に試しましたが、これらを自分のコードに正確に適用する方法がわかりません。

これは、Cookie 関数を使用しない実際の script.js です。

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';
};