Mole game with standard functionality

KordonDev · KordonDev · commit 0220669d8757 · 2017-02-04T19:59:56.000+01:00
diff --git a/30 - Whack A Mole/index-START.html b/30 - Whack A Mole/index-START.html
@@ -36,7 +36,44 @@ <h1>Whack-a-mole! <span class="score">0</span></h1>
   const holes = document.querySelectorAll('.hole');
   const scoreBoard = document.querySelector('.score');
   const moles = document.querySelectorAll('.mole');
+  let lastIndex;
+  let timeUp = true;
+  
+  function randomTime(min, max) {
+    return Math.round(Math.random() * (max - min) + min);
+  }
 
+  function randomHole(holes) {
+      const index = Math.floor(Math.random() * holes.length);
+      if (index === lastIndex) {
+        return randomHole(holes);
+      }
+      lastIndex = index;
+      return holes[index];
+  }
+
+  function showMole() {
+      const hole = randomHole(holes);
+      hole.classList.add('up');
+      setTimeout(() => {
+        hole.classList.remove('up');
+        if (!timeUp) showMole();
+      }, randomTime(200, 1000));
+  }
+
+  function startGame() {
+    timeUp = false;
+    scoreBoard.textContent = 0;
+    showMole();
+    setTimeout(() => timeUp = true);
+  }
+
+  function cachedMole() {
+    scoreBoard.textContent = parseInt(scoreBoard.textContent) + 1;
+    this.parentElement.classList.remove('up');
+  }
+
+  moles.forEach(mole => mole.addEventListener('click', cachedMole));
 </script>
 </body>
 </html>
