Как записать в Local Storage?

Question

[Александр Симонов]

var switchTumblerHandler = () => {
    var wrapper = document.querySelector('.tumbler__wrapper')

    wrapper.addEventListener('click', () => {
        toggleNightMode()
    })
}

var toggleNightMode = () => {
    document.body.classList.toggle('body--night-mode')
    document.querySelector('.tumbler').classList.toggle('tumbler--night-mode')
    document.querySelector('.card').classList.toggle('card--night-mode')
    
    document.querySelectorAll('.navItem').forEach(post => {
    post.classList.toggle('navItem--night-mode')
        
    })

    document.querySelectorAll('.button').forEach(post => {
    post.classList.toggle('button--night-mode')
   })

    document.querySelectorAll('.icon').forEach(post => {
    post.classList.toggle('icon--night-mode')
    })

    document.querySelectorAll('.title').forEach(post => {
    post.classList.toggle('subtitle--night-mode')
    })

   document.querySelectorAll('.subtitle').forEach(post => {
    post.classList.toggle('subtitle--night-mode')
   })
}

switchTumblerHandler()

Comments

[Шохрух Шаймардонов]

В чем суть вопроса? и в каком месте вы хотите записать в локалку?

[Александр Симонов]

Шохрух Шаймардонов, скрипт меняет цветовую тему на странице, нужно сделать так, чтобы при обновлении выбранная тема не сбрасывалась

[SagePtr]

Александр Симонов, преобразовать нужные вам данные в строку, а потом записывать. При запуске - считывать, и если существует - преобразовывать обратно из строки и применять (если не существует - то ничего не делать или применять что-нибудь дефолтное).

Answer 1

[Равиль]

localStorage.setItem('ключ', 'значение') - запись
localStorage.getItem('ключ') - получить значение по ключу
localStorage.removeItem("ключ") - удалить значение по ключу
localStorage.clear() - очистить весь localStorage

Подробнее