memory/all.js at master · Punxnot/memory · 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
(function() {
  var allCards, blub, card1, card2, cardsContainer, createCards, endList, exposed, i, j, len, list1, list2, messageContainer, newList, shuffle, state, turns, yeah,
    indexOf = [].indexOf || function(item) { for (var i = 0, l = this.length; i < l; i++) { if (i in this && this[i] === item) return i; } return -1; };

  list1 = [0, 1, 2, 3, 4, 5, 6, 7];

  list2 = [0, 1, 2, 3, 4, 5, 6, 7];

  endList = list1.concat(list2);

  cardsContainer = document.getElementById("cardsContainer");

  allCards = [];

  messageContainer = document.getElementById("messageContainer");

  exposed = [];

  for (j = 0, len = endList.length; j < len; j++) {
    i = endList[j];
    exposed.push(false);
  }

  state = 0;

  card1 = 33;

  card2 = 33;

  turns = 0;

  blub = new Audio('blub.wav');

  yeah = new Audio('yeah.wav');

  shuffle = function(array) {
    var currentIndex, randomIndex, temporaryValue;
    currentIndex = array.length;
    while (0 !== currentIndex) {
      randomIndex = Math.floor(Math.random() * currentIndex);
      currentIndex -= 1;
      temporaryValue = array[currentIndex];
      array[currentIndex] = array[randomIndex];
      array[randomIndex] = temporaryValue;
    }
    return array;
  };

  newList = shuffle(endList);

  createCards = function() {
    var card, cln, k, len1, results;
    card = document.querySelector(".card");
    results = [];
    for (k = 0, len1 = newList.length; k < len1; k++) {
      i = newList[k];
      cln = card.cloneNode(true);
      cln.dataset.number = i;
      cln.querySelector(".back").style.backgroundImage = "url(img/" + i + ".png)";
      results.push(cardsContainer.appendChild(cln));
    }
    return results;
  };

  window.onload = function() {
    var allCardsList, card, cards, k, len1, results;
    createCards();
    allCards = cardsContainer.querySelectorAll(".card");
    allCardsList = Array.prototype.slice.call(allCards, 0);
    messageContainer.innerHTML = "Turns = " + turns;
    cards = document.querySelectorAll(".card");
    results = [];
    for (k = 0, len1 = cards.length; k < len1; k++) {
      card = cards[k];
      results.push(card.addEventListener("click", function() {
        var ind;
        ind = allCardsList.indexOf(this);
        if (exposed[ind] === false) {
          exposed[ind] = true;
          allCardsList[ind].querySelector(".flip-container").classList.add("animate");
          blub.play();
          if (state === 0) {
            card1 = ind;
            state = 1;
            turns += 1;
            messageContainer.innerHTML = "Turns = " + turns;
          } else if (state === 1) {
            card2 = ind;
            state = 2;
          } else {
            turns += 1;
            messageContainer.innerHTML = "Turns = " + turns;
            if (newList[card1] !== newList[card2]) {
              exposed[card1] = false;
              exposed[card2] = false;
              allCardsList[card1].querySelector(".flip-container").classList.remove("animate");
              allCardsList[card2].querySelector(".flip-container").classList.remove("animate");
              card1 = ind;
              state = 1;
            } else {
              card1 = ind;
              state = 1;
            }
          }
        }
        if (!(indexOf.call(exposed, false) >= 0)) {
          return yeah.play();
        }
      }));
    }
    return results;
  };

}).call(this);