kirashoo42
@kirashoo42
web design

Как записать classList.toggle в localStorage так что бы удлаить?

При нажатии меняется цвет а когда нажимаю второй раз он удаляется, то-есть класс
Записываю класс в localStorage и всё отлично работает за исключением что при нажатии 2 раз он удаляется но записать в localStorage остается и при обновлении цвет не куда не исчезает
я не знаю куда и как объявить удаление класса в localStorage ведь тут нет условия (if) так как все происходит через  toggle

var clickId1 = document.getElementById('clickId1') // кнопка
var contentId1 = document.getElementById('contentId1') // контент

switch(localStorage.getItem('theme')) {
	case 'contentClass2':
		contentId1.classList.toggle('contentClass2')
}

clickId1.addEventListener('click', () => {
	contentId1.classList.toggle('contentClass2')
	localStorage.setItem('theme', 'contentClass2')
})
  • Вопрос задан
  • 55 просмотров
Решения вопроса 1
var clickId1 = document.getElementById('clickId1') // кнопка
var contentId1 = document.getElementById('contentId1') // контент

const myClass = 'contentClass2'

switch(localStorage.getItem('theme')) {
  case myClass:
    contentId1.classList.toggle(myClass)
}

clickId1.addEventListener('click', () => {
  contentId1.classList.toggle(myClass)

  if (contentId1.classList.contains(myClass)) {
    localStorage.setItem('theme', myClass);
  } else {
    localStorage.removeItem('theme', myClass);
  }
})
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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