0

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


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

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

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

6
  • сохранить класс? а зачем? 1 сен 2021 в 5:45
  • Того требует задача, необходимо сохранить состояние объекта, чтоб при перезагрузки страницы это состояние сохранялось
    – slavke
    1 сен 2021 в 5:56
  • 1
    сохранить состояние объекта !== сохранить класс 1 сен 2021 в 6:00
  • Можно более развернутый ответ) спасибо)
    – slavke
    1 сен 2021 в 6:14
  • При таком вопросе, в котором ничего не указано, по сути - нет) 1 сен 2021 в 6:19

1 ответ 1

0

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

localStorage.setItem('isClick', true)

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

const userSession = localStorage.isClick('notFirstSession')

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

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

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.