Проблема с переключением класса. В чем может быть проблема?

Question

Класс не переключается.В чем может быть проблема?

const questionBtn = document.querySelectorAll(".question__btn")

questionBtn.addEventListener("click", () => {
  questionBtn.classList.toggle("question__btn--active")
});

Answer 1

Возможно причина в том что querySelectorAll() возвращает nodeList а не элемент, если у вас 1 такой элемент то вы можете использовать querySelector()

const questionBtn = document.querySelectorAll(".question__btn")

questionBtn.forEach((element => {
  element.addEventListener("click", () => {
    element.classList.toggle("question__btn--active")
  });
}))

.question__btn {
  padding: 12px 24px;
  color: white;
  background-color: red;
}

.question__btn--active {
  background-color: green;
}

<button class="question__btn">Press</button>

БЛОГ НА HUSL

Проблема с переключением класса. В чем может быть проблема?

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