diff options
Diffstat (limited to 'rannak/mangud/perenaine/memory/script.js')
-rw-r--r-- | rannak/mangud/perenaine/memory/script.js | 76 |
1 files changed, 0 insertions, 76 deletions
diff --git a/rannak/mangud/perenaine/memory/script.js b/rannak/mangud/perenaine/memory/script.js deleted file mode 100644 index 1a06fd9..0000000 --- a/rannak/mangud/perenaine/memory/script.js +++ /dev/null @@ -1,76 +0,0 @@ -const cards = document.querySelectorAll('.memory-card'); - -let hasFlippedCard = false; -let lockBoard = false; -let firstCard, secondCard; -let counter = 0; - -function flipCard() { - if (lockBoard) return; - if (this === firstCard) return; - - this.classList.add('flip'); - - if (!hasFlippedCard) { - hasFlippedCard = true; - firstCard = this; - - return; - } - - secondCard = this; - checkForMatch(); -} - -function checkForMatch() { - let isMatch = firstCard.dataset.framework === secondCard.dataset.framework; - - isMatch ? disableCards() : unflipCards(); -} - -function disableCards() { - firstCard.removeEventListener('click', flipCard); - secondCard.removeEventListener('click', flipCard); - counter++; - - console.log(counter) - if (counter >= 10) moveOnEnable(); - resetBoard(); -} - -function unflipCards() { - lockBoard = true; - - setTimeout(() => { - firstCard.classList.remove('flip'); - secondCard.classList.remove('flip'); - - resetBoard(); - }, 1500); -} - -function resetBoard() { - [hasFlippedCard, lockBoard] = [false, false]; - [firstCard, secondCard] = [null, null]; -} - -(function shuffle() { - cards.forEach(card => { - let randomPos = Math.floor(Math.random() * 12); - card.style.order = randomPos; - }); -})(); - -cards.forEach(card => card.addEventListener('click', flipCard)); - - -// Button func - -function moveOnEnable(){ - const button = document.querySelector(".btn"); - button.classList.remove('disabled'); - button.setAttribute('aria-disabled', false); - console.log("done"); - - counter = 0; -} |