Hacktoberfest2022/logic.js at main · Shivangi708/Hacktoberfest2022 · GitHub

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
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
const cards = document.querySelectorAll('.card');
let matchedCard =0;
let cardOne, cardTwo;
let disableDeck = false;
function flipCard(e){
    let clickedCard = e.target;
if(clickedCard !== cardOne && !disableDeck) {
    clickedCard.classList.add("flip");
   if(!cardOne){
        return cardOne = clickedCard;
    } cardTwo= clickedCard;
    disableDeck = true;
    let cardOneImg = cardOne.querySelector("img").src;
    cardTwoImg = cardTwo.querySelector("img").src;
    matchCards(cardOneImg , cardTwoImg);
}}
cards.forEach(card =>{
    card.addEventListener('click',flipCard);
});


 function matchCards(img1,img2){
     if(img1==img2){
        matchedCard++;
        if(matchedCard==8){
        setTimeout(()=>{
           return shuffleCard();},1000);
        }
        cardOne.removeEventListener("click",flipCard);
        cardTwo.removeEventListener("click",flipCard);
        cardOne=cardTwo="";
        return disableDeck= false;


     } else
        setTimeout(()=>{
            cardOne.classList.add("shake");
     cardTwo.classList.add("shake");

        }, 400);
     setTimeout(()=>{
        cardOne.classList.remove("shake","flip");
        cardTwo.classList.remove("shake","flip");
        cardOne =cardTwo="";
        disableDeck = false;
     },1200);

 };
 function shuffleCard(){
    matchedCard = 0;
    cardOne = cardTwo="";
    let arr=[1, 2, 3, 4, 5, 6, 7, 8, 1, 2, 3, 4, 5, 6, 7, 8];
    arr.sort(()=> Math.random()> 0.5?1:-1);
    cards.forEach(card =>{
        card.classList.remove("flip");
        let imgTag = card.querySelector("img");
        // imgTag.src =`images/img-${arr[index]}.png`;
        card.addEventListener('click',flipCard);});
 }
shuffleCard();