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

Question

Почему не срабатывает 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>

Answer 1

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>

БЛОГ НА HUSL

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

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