Удаление класса по повторному клику

Рейтинг: 0Ответов: 1Опубликовано: 28.01.2023

Почему не срабатывает event.target.classList.toggle('style') и при повторном клике на элемент класс 'style' не удаляется? Как реализовать?

const wrapper = document.querySelector('.wrap');

function handleEvent(event) {
  if (event.target && event.target.classList == 'string') {
      event.target.classList.toggle('style')
  }
};

wrapper.addEventListener('click', handleEvent);
.style {
  color: red
}
<div class="wrap">
  <div class="string">Один</div>
  <div class="string">Два</dib>
</div>

javascript
Источник: Stack Overflow на русском

Ответы

▲ 0Принят

const wrapper = document.querySelector('.wrap');

function handleEvent(event) {
  if (event.target && event.target.classList.contains('string')) {
    event.target.classList.toggle('style');
  }
};

wrapper.addEventListener('click', handleEvent);
.style {
  color: red
}
<div class="wrap">
  <div class="string">Один</div>
  <div class="string">Два</div>
</div>