diff --git a/video-8/scripts.js b/video-8/scripts.js index 32657fc..001e0fe 100644 --- a/video-8/scripts.js +++ b/video-8/scripts.js @@ -23,6 +23,7 @@ function flipCard() { function checkForMatch() { let isMatch = firstCard.dataset.framework === secondCard.dataset.framework; + isMatch ? disableCards() : unflipCards(); } diff --git a/video-9/scripts.js b/video-9/scripts.js index e82d0e5..acc3613 100644 --- a/video-9/scripts.js +++ b/video-9/scripts.js @@ -6,6 +6,7 @@ let firstCard, secondCard; function flipCard() { if (lockBoard) return; + this.classList.add('flip'); if (!hasFlippedCard) { @@ -19,24 +20,24 @@ function flipCard() { // second click hasFlippedCard = false; secondCard = this; - lockBoard = true; checkForMatch(); } function checkForMatch() { let isMatch = firstCard.dataset.framework === secondCard.dataset.framework; + isMatch ? disableCards() : unflipCards(); } function disableCards() { firstCard.removeEventListener('click', flipCard); secondCard.removeEventListener('click', flipCard); - - lockBoard = false; } function unflipCards() { + lockBoard = true; + setTimeout(() => { firstCard.classList.remove('flip'); secondCard.classList.remove('flip');