Если честно, то немного не понял такого подхода. Сложновато для меня, наверное, пока еще такой скрипт. Кроме того, тут идет присваивание класса, а я через js стили меняю. Решил эту проблему другим путем. Все заработало)
let cardItems = document.querySelectorAll('.card__item');
let cardItemBack = document.querySelectorAll('.card__item--back');
let cardItemFront = document.querySelectorAll('.card__item--front');
let count = 0;
const cardsClick = () => {
for (let i = 0, lenth = cardItems.length; i < lenth; i++) {
cardItems[i].addEventListener('click', () => {
if (count < 2) {
cardItemFront[i].style.transform = 'rotateY(180deg)';
cardItemBack[i].style.transform = 'rotateY(360deg)';
count += 1;
console.log(cardItemBack[i], cardItemFront[i]);
console.log(count);
if (count >= 2) {
start();
}
}
});
}
};
cardsClick();
const turnBackCards = () => {
for (let j = 0, lenth = cardItems.length; j < lenth; j++) {
cardItemFront[j].style.transform = 'rotateY(0)';
cardItemBack[j].style.transform = 'rotateY(180deg)';
count = 0;
console.log(count);
}
};
const start = () => {
window.setTimeout(turnBackCards, 2000);
}