Показать сообщение отдельно
  #4 (permalink)  
Старый 25.06.2019, 15:09
DVV DVV вне форума
Кандидат Javascript-наук
Отправить личное сообщение для DVV Посмотреть профиль Найти все сообщения от DVV
 
Регистрация: 26.12.2017
Сообщений: 125

Если честно, то немного не понял такого подхода. Сложновато для меня, наверное, пока еще такой скрипт. Кроме того, тут идет присваивание класса, а я через 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);
	}
Ответить с цитированием