Задать вопрос
@TatiNaumchuk

Как по клику на кнопку поменять цвет темы ,используя localStorage?

Помогите, пожалуйста, разобраться з localStorage. Нужно по клику поменять тему сайта и записать в localStorage. При повторном клике поменять на исходную. Мой код не работает:
document.querySelector('.change-theme').addEventListener('click', () => {
    document.getElementsByTagName('body')[0].style.background = 'orange' 
    localStorage.setItem('backgroundColor', 'orange')

})

const theme = localStorage.getItem('backgroundColor')
if (theme) {
    if (theme === 'orange') {
        localStorage.setItem('backgroundColor', 'orange')

        }
    else if (theme !== 'orange') {
        localStorage.removeItem('backgroundColor', 'orange')

    }
}
  • Вопрос задан
  • 181 просмотр
Подписаться 1 Простой 2 комментария
Пригласить эксперта
Ответы на вопрос 1
RikoDiGray
@RikoDiGray
const btn = document.querySelector('.change-theme');
btn.onclick = function() {
    document.body.style.background = "orange";
    localStorage.setItem("theme", "orange");
}

window.onload = function() {
    if(localStorage.getItem("theme") != null) {
       document.body.style.background = localStorage.getItem("theme");
    } else {
      localStorage.setItem("theme", "white") // default
    }
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы