Как сохранить стиль активной кнопки при перезагрузке страницы - если данные есть в local-storage, кнопка должна быть активной и наоборот?
Активная кнопка при сохранение данных в local storage.
При нажатии на кнопку Add to Watched сохраняются данные фильмы в local storage и меняется на стиль активной кнопки - но после перезагрузки страницы стили падают.
Кнопки после перезагрузки страницы.
HTML:
<div class="modal-block__btn">
<button class="modal-btn__addwatch" type="button">${
existsInWatchedLS
? 'remove from watched'
: 'add to watched'
}
</button>
<button class="modal-btn__addqueue" type="button">${
existsInQueueLS ? 'remove from queue' : 'add to queue'
}</button>
</div>JS:
const container = document.querySelector('.modal-block__btn');
container.addEventListener('click', onActiveClick);
const onActiveClick = e => {
if (e.target.nodeName !== 'BUTTON') {
return;
}
e.target.classList.toggle('modal-btn__accent');
};