мой темный режим продолжает отключаться после обновления страницы

#darkmode

#darkmode

Вопрос:

здравствуйте, у меня возникли проблемы с включением темного режима при переключении страниц или обновлении. Я безуспешно пытался поиграть с java-кодами, кто-нибудь знает, какой код я должен добавить в свой js, чтобы он сохранил мою тему?? это мой код, заранее спасибо https://codepen.io/wissambattlaxe/pen/xxOvbmL

 let button = document.querySelector('.onoffswitch-checkbox')

        button.addEventListener('click', ()=>{
          document.documentElement.classList.toggle('dark-mode')
        })
 

и это веб-сайт: http://zabri.atwebpages.com/index

Ответ №1:

Чтобы сохранить выбранную тему, вам нужно будет где-то сохранить выбор пользователя. Возможные варианты:

  1. Внутри URL
  2. В файле cookie
  3. В localStorage

Затем при каждой загрузке страницы вам нужно будет найти сохраненный выбор и применить его.

Чтобы узнать больше об использовании localStorage , веб-документы MDN — отличное место для начала.

Комментарии:

1. я хочу сохранить его в локальном хранилище любого пользователя, который посещает мою страницу, но я не знаю правильного кода, в этом проблема, если вы можете мне помочь, я действительно ценю это