Как сохранить добавленный класс в local storage

Question

есть такой скрипт


for (let i = 0; i < addToCart.length; i++) {
    addToCart[i].addEventListener('click', () => {
        cartNumbers(products[i]);
        addToCart[i].classList.add('disable');
    })
}

который выполняет определенную функцию и плюс накидывает по кликнутому элементу класс disable.

Этот класс скрывает кликнутую кнопку, необходимо сохранить это состояние при перезагрузке страницы и при переходах с других страниц, мне нужна реализация на фронте, без бэка.

Answer 1

Когда юзер кликнет, мы запишем ему такой ключ:

localStorage.setItem('isClick', true)

Затем мы можем проверить, установлен ли этот ключ у юзера, и если да, то поставим класс:

const userSession = localStorage.isClick('notFirstSession')

if (userSession) {
    document.querySelector('button').classList.add('disable')
}

Я позал вам общий алгоритм действий, без конкрертных примеров как определять клик и элемент – с этим, думаю, вы справитесь сами.

БЛОГ НА HUSL

Как сохранить добавленный класс в local storage

Ответы (1 шт):