Я пытаюсь использовать 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
Как установить режим Light/Dark на нескольких страницах? ⇐ Html
-
- Похожие темы
- Ответы
- Просмотры
- Последнее сообщение