ironhack-labs · pblcbr · Jul 3, 2025
diff --git a/index.html b/index.html
@@ -5,7 +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 THE STYLES HERE -->
+    <link rel="stylesheet" href="/styles/style.css">
   </head>
   <body>
     <div>
@@ -18,6 +18,7 @@ <h2>Score</h2>
     </div>
     <div id="memory-board"></div>
 
-    <!-- LINK THE JAVASCRIPT FILES HERE (keep in mind that the order in which you link them MATTERS) -->
+    <script src="/src/memory.js"></script>
+    <script type="module" src="/src/index.js"></script>
   </body>
 </html>
diff --git a/src/index.js b/src/index.js
@@ -1,3 +1,5 @@
+import MemoryGame from './memory.js'; // Add this line at the top if using modules
+
 const cards = [
   { name: 'aquaman', img: 'aquaman.jpg' },
   { name: 'batman', img: 'batman.jpg' },
@@ -44,7 +46,9 @@ window.addEventListener('load', (event) => {
   // Bind the click event of each element to a function
   document.querySelectorAll('.card').forEach((card) => {
     card.addEventListener('click', () => {
-      // TODO: write some code here
+      card.classList.toggle('turned');
+      const cardName = card.getAttribute('data-card-name');
+      memoryGame.flipCard(cardName);
       console.log(`Card clicked: ${card}`);
     });
   });

diff --git a/src/memory.js b/src/memory.js
@@ -1,18 +1,33 @@
 class MemoryGame {
   constructor(cards) {
     this.cards = cards;
-    // add the rest of the class properties here
+    this.pickedCards = [];
+    this.pairsClicked = 0;
+    this.pairsGuessed = 0;
   }
 
   shuffleCards() {
-    // ... write your code here
+    if(!this.cards) return undefined;
+    for (let i=this.cards.length-1; i>=1; i--){
+      const j =Math.floor(Math.random()*(i+1));
+      [this.cards[i], this.cards[j]] = [this.cards[j], this.cards[i]]
+    }
   }
 
   checkIfPair(card1, card2) {
-    // ... write your code here
+    this.pairsClicked +=1;
+    if(card1.name === card2.name) {
+      this.pairsGuessed += 1;
+      return true;
+    }
+      return false;
   }
 
   checkIfFinished() {
-    // ... write your code here
+    if (this.pairsGuessed === this.cards.length/2){
+      return true;
+    }
+    return false;
+
   }
 }