LocalStorage — Применяет тему но не сохраняет, что нужно делать?

Question

[TopkaLife]

Здравствуйте, данный скрипт применяет нужную тему но не сохраняет при перезагрузки страницы, может я что-то упустил или не так делаю ?

Сам скрипт:

(function (window, document, undefined) {
 'use strict';
 if (!('localStorage' in window)) return;
 var nightMode = localStorage.getItem('gmtNightMode');
 if (nightMode) {
 document.documentElement.className += 'night-mode';
 }
 })(window, document);
 
 (function (window, document, undefined) {
 
 'use strict';
 
 // Feature test
 if (!('localStorage' in window)) return;
 
 // Get our newly insert toggle
 var nightMode = document.querySelector('#night-mode');
 if (!nightMode) return;
 
 // When clicked, toggle night mode on or off
 nightMode.addEventListener('click', function (event) {
 event.preventDefault();
 document.documentElement.classList.toggle('dark');
 if (document.documentElement.classList.contains('dark')) {
 localStorage.setItem('gmtNightMode', true);
 return;
 }
 localStorage.removeItem('gmtNightMode');
 }, false);
 
 })(window, document);

ID для переключение темы :

spoiler

night-mode

Comments

[Tim]

Следует отметить, что данные, сохранённые как в localStorage, так и в sessionStorage, являться специфичными для протокола страницы.

Ключи и значения всегда строки (так же, как и объекты, целочисленные ключи автоматически будут преобразованы в строки).

[TopkaLife]

Tim, спасибо за ответ, извините за вопрос, а нет ли способ сделать так что бы localStorage сохранил тему при выборе ? P-s - еще раз извиняюсь, новичок js.

[Tim]

TopkaLife, сохраняйте. Вы ведь сохраняете Boolean и условие у вас поэтому не верное. Вы не понимаете ,что такое localStorage и мой совет Вам изучить

[TopkaLife]

Tim, Вот именно, я не понимаю все это и поэтому решил написать суда в целях помочь исправить, а не рады советов "Изучить" если можете то помогите, буду рад, но советы тут бесполезны друг.
P.s - уже третий раз пишу что не разбираюсь в этом и поэтому прошу помочь исправить код.

Answer 1

[Rsa97]

document.documentElement.className += 'night-mode';

Что будет, если в строке className что-то записано, например "class1 class2"?
После выполнения вашей строки получим "class1 class2night-mode". Ничего не замечаете?
Лучше работать с classList.

document.documentElement.classList.add('night-mode');

Comments

[TopkaLife]

Спасибо за ответ, извиняюсь , я новичок в этом деле)
К сожалению и это не помогло(

document.documentElement.classList.add('night-mode');