pllug/index.js at main · daridar/pllug · 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
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123


let  cards = document.querySelectorAll('.card');
var isFlipped = false;
var firstCard, secondCard;
var lock = false;


function flip(){
    if (lock) return;
   if (this === firstCard) return;
    this.classList.add('flip');
    if (!isFlipped) {
        isFlipped = true;
        firstCard = this;
        return;
    }
    secondCard = this;
    lock = true;
    check();
}
function check(){
    var isMatch = firstCard.dataset.image === secondCard.dataset.image;
    isMatch ? succes() : fail();
}
function succes() {
    firstCard.removeEventListener('click', flip);
    secondCard.removeEventListener('click', flip);
   reset();
}

function fail() {
    setTimeout( () => {
        firstCard.classList.remove('flip');
        secondCard.classList.remove('flip');
        reset();
    }, 1500);
}
function reset() {
    [isFlipped, lock] = [false, false];
     [firstCard, secondCard] = [null, null];
}
(function shuffle() {
  cards.forEach(card => {
let ramdomPos = Math.floor(Math.random() * 16);
 card.style.order = ramdomPos;
});
})();
cards.forEach(card => card.addEventListener('click', flip));

/*function moveCounter(){
    moves++;
    counter.innerHTML = moves;
}*/
var moves = 0;
function onClick(){
    moves += 1;
    document.querySelector(".moves").innerHTML = moves;
}


/*const cards = document.querySelectorAll('.memory-card');

  let hasFlippedCard = false;
  let lockBoard = false;
  let firstCard, secondCard;

  function flipCard() {
    if (lockBoard) return;
    if (this === firstCard) return;

    this.classList.add('flip');

    if (!hasFlippedCard) {
      hasFlippedCard = true;
      firstCard = this;
      return;
    }

    secondCard = this;
    lockBoard = true;

    checkForMatch();
  }

  function checkForMatch() {
    let isMatch = firstCard.dataset.image === secondCard.dataset.image;
    isMatch ? disableCards() : unflipCards();
  }

  function disableCards() {
    firstCard.removeEventListener('click', flipCard);
    secondCard.removeEventListener('click', flipCard);

    resetBoard();
  }

  function unflipCards() {
    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 ramdomPos = Math.floor(Math.random() * 12);
    card.style.order = ramdomPos;
  });
 })();

  cards.forEach(card => card.addEventListener('click', flipCard));*/