Как установить режим Light/Dark на нескольких страницах?Html

Программисты Html
Ответить Пред. темаСлед. тема
Anonymous
 Как установить режим Light/Dark на нескольких страницах?

Сообщение Anonymous »

Я пытаюсь использовать LocalStorage, чтобы держать мою тему в соответствии с изменениями страниц, но я не могу заставить ее работать. p>


[*]
< /code>
и javascript: < /p>
const button = document.querySelector
'.mode-toggle')

button.addEventListener('click', function () {
localStorage.setItem('light-mode', true)
if (localStorage.getItem('light-mode')) {
document.body.classList.toggle('light-mode')
document.querySelectorAll('.fa-sun').forEach(icon => icon.classList.toggle('fa-moon'))
} else {
document.body.classList.remove('light-mode')
localStorage.setItem('light-mode', false)
}
})

function checkLightMode() {
if (localStorage.getItem('light-mode')) {
body.classList.add('light-mode')
}
}


Подробнее здесь: https://stackoverflow.com/questions/728 ... iple-pages
Реклама
Ответить Пред. темаСлед. тема

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

Вернуться в «Html»