maulwurf.js

   1 var zeit = 1000;
   2 var huegel = document.getElementsByName("huegel");
   3 var maulwurf = document.getElementsByName("maulwurf");
   4 var scoreDisplay = document.getElementById("score");
   5 var failTimeout = null;
   6 var aktuellerHuegel = 0;
   7 var score = -1;
   8 for(let i in huegel){
   9         if(huegel[i].style){
  10                 huegel[i].style.left = (5 + i * 100) + "px";
  11                 maulwurf[i].addEventListener("click",_=>check(i))
  12                 }
  13         }
  14 next();
  15 function check(nr){
  16         if(nr == aktuellerHuegel){
  17                 next();
  18                 }
  19         }
  20 function next(){
  21         score++;
  22         scoreDisplay.innerHTML = score;
  23         maulwurf[aktuellerHuegel].style.visibility = "hidden";
  24         aktuellerHuegel = Math.floor(Math.random()*huegel.length);
  25         maulwurf[aktuellerHuegel].style.visibility = "visible";
  26         clearTimeout(failTimeout);
  27         failTimeout = setTimeout(fail,zeit);
  28         }
  29 function fail(){
  30         alert("Game Over! Score: "+score);
  31         location.reload();
  32         }