-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
45 lines (35 loc) · 996 Bytes
/
script.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
const cards = document.querySelectorAll('.memory_card');
let card1, card2;
let flipped = false;
let lockBoard = false;
cards.forEach(card => card.addEventListener('click', flipCard))
function flipCard() {
if (lockBoard || this === card1) return;
this.classList.add('flip');
!flipped ? (flipped = true, card1 = this) : (card2 = this, checkMatch());
}
function checkMatch() {
card1.dataset.framework === card2.dataset.framework ? disableCards() : unflipCards();
}
function disableCards() {
card1.removeEventListener('click', flipCard);
card2.removeEventListener('click', flipCard);
resetBoard();
}
function unflipCards(){
lockBoard = true;
setTimeout(() => {
lockBoard = false;
card1.classList.remove('flip');
card2.classList.remove('flip');
resetBoard();
}, 1250);
}
function resetBoard() {
[flipped, lockBoard, card1, card2] = [false, false, null, null];
}
(function shuffle() {
cards.forEach(card => {
card.style.order = Math.floor(Math.random() * 12);
});
})();