ironhack-labs · bubu-destroi · Apr 18, 2024 · May 7, 2024
diff --git a/index.html b/index.html
@@ -5,6 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
     <title>Superhero Memory Game</title>
+    <link rel="stylesheet" href="styles/style.css">
     <!-- LINK THE STYLES HERE -->
   </head>
   <body>
@@ -18,6 +19,9 @@ <h2>Score</h2>
     </div>
     <div id="memory-board"></div>
 
+    <script src="src/memory.js"></script>
+    <script src="src/index.js"></script>
+
     <!-- LINK THE JAVASCRIPT FILES HERE (keep in mind that the order in which you link them MATTERS) -->
   </body>
 </html>
diff --git a/src/index.js b/src/index.js
@@ -36,16 +36,27 @@ window.addEventListener('load', (event) => {
         <div class="front" style="background: url(img/${pic.img}) no-repeat"></div>
       </div>
     `;
-  });
+  })
+
+})
 
   // Add all the divs to the HTML
   document.querySelector('#memory-board').innerHTML = html;
 
   // Bind the click event of each element to a function
   document.querySelectorAll('.card').forEach((card) => {
     card.addEventListener('click', () => {
+
+      card.classList.toggle('turned');
+     /*  memoryGame.checkIfPair()
+      if(memoryGame.checkIfPair()){ */
+
+
+    })
+
+
       // TODO: write some code here
       console.log(`Card clicked: ${card}`);
     });
-  });
-});
+
+
diff --git a/src/memory.js b/src/memory.js
@@ -1,18 +1,43 @@
 class MemoryGame {
   constructor(cards) {
     this.cards = cards;
+    this.pickedCards = [];
+    this.pairsClicked = 0;
+    this.pairsGuessed = 0;
+
     // add the rest of the class properties here
   }
 
   shuffleCards() {
-    // ... write your code here
+    if(!this.cards){return undefined}
+    else {
+    for (let i = this.cards.length - 1; i > 0; i--) {
+      let j = Math.floor(Math.random() * (i + 1));
+      [this.cards[i], this.cards[j]] = [this.cards[j], this.cards[i]]
+      }
+      return this.cards
+  }
   }
 
   checkIfPair(card1, card2) {
+  if(card1 === card2){
+    this.pairsClicked +=1;
+    this.pairsGuessed +=1;
+    return true
+  }
+  else {
+    this.pairsClicked +=1
+    return false
+  }
     // ... write your code here
   }
 
   checkIfFinished() {
+    if (this.pairsGuessed != this.cards.length/2){
+      return false
+    }else
+    return true
+
     // ... write your code here
   }
 }