Как привязать событие по классу к нескольким элементам html?

Question

[Queen2]

Помогите пожалуйста с js (Эффект переворота при клике).
Привязал событие к элементу и оно как нужно отрабатывало, но когда я продублировал элемент в html оно почему-то работает только на первом.
Пробовал заменить "querySelector" на "querySelectorAll", но в таком случае вообще ничего не отрабатывает.
Как привязать событие на все элементы с одинаковым классно (В моем случае ".card__inner")?
https://jsfiddle.net/f4yro7qs/4/

Comments

[Ankhena]

const cards = document.querySelectorAll('.card__inner');

cards.forEach(card => card.addEventListener('click', function() {
  card.classList.toggle('is-flipped');
}))

[Queen2]

Ankhena, Спасибо