@aleshaykovlev
html, css, js, node, webpack, sass, react

Нужно сохранить выбранную тему пользователем, но не могу понять, что делать?

Есть 2 кнопки - первая темная тема, вторая светлая. Нужно, чтобы при нажатии на определенную кнопку выбранная пользователем тема сохранялось. Использовал localStorage.

Код:
// Кнопки
const darkThemeBtn = document.querySelector('.blockThemes__darkThemeBtn');
const lightThemeBtn = document.querySelector('.blockThemes__lightThemeBtn');
// Блоки
const header = document.querySelector('.header');
const mainLook = document.querySelector('.main');

lightThemeBtn.addEventListener('click', () => {
    localStorage.setItem('pressedBtnTheme', true);
});

darkThemeBtn.addEventListener('click', () => {
    localStorage.setItem('pressedBtnTheme', false);
});

if (localStorage.getItem('pressedBtnTheme')) {
    header.classList.remove('darkTheme');
    mainLook.classList.remove('darkTheme');
    header.classList.add('lightTheme');
    mainLook.classList.add('lightTheme');
} else {
    header.classList.remove('lightTheme');
    mainLook.classList.remove('lightTheme');
    header.classList.add('darkTheme');
    mainLook.classList.add('darkTheme');
}
  • Вопрос задан
  • 246 просмотров
Пригласить эксперта
Ответы на вопрос 1
ocalStorage.setItem('item', Theme)
потом получаете localStorage.getItem('item');
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы