--- /dev/null
+# whack-a-mole
+A game created in 5 minutes.
+
+## Context
+
+I made this a few years ago and it was one of the first pieces of code I wrote, so please be gentle when reading a code.
--- /dev/null
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>Whack a mole</title>
+ <script defer src="maulwurf.js"></script>
+ <style>
+ [name=huegel]{width:90px;position:absolute;top:5px;background-color:#754119;border-radius:50%;height:90px}
+ [name=maulwurf]{width:50px;left:20px;top:20px;border-radius:50%;background-color:black;visibility:hidden;height:50px;position:absolute}
+ #score{position:absolute;top:5px;left:5px;font-size:30px;}
+ body{width:100%;height:100%;background-color:#A6BE3D}
+ </style>
+ </head>
+ <body>
+ <center>
+ <h1>Whack a mole</h1>
+ <div style="width:700px;position:relative;height:100px;">
+ <div name="huegel"><div name="maulwurf"></div></div>
+ <div name="huegel"><div name="maulwurf"></div></div>
+ <div name="huegel"><div name="maulwurf"></div></div>
+ <div name="huegel"><div name="maulwurf"></div></div>
+ <div name="huegel"><div name="maulwurf"></div></div>
+ <div name="huegel"><div name="maulwurf"></div></div>
+ <div name="huegel"><div name="maulwurf"></div></div>
+ </div>
+ <span id="score"></span>
+ </center>
+ </body>
+</html>
--- /dev/null
+var zeit = 1000;
+var huegel = document.getElementsByName("huegel");
+var maulwurf = document.getElementsByName("maulwurf");
+var scoreDisplay = document.getElementById("score");
+var failTimeout = null;
+var aktuellerHuegel = 0;
+var score = -1;
+for(let i in huegel){
+ if(huegel[i].style){
+ huegel[i].style.left = (5 + i * 100) + "px";
+ maulwurf[i].addEventListener("click",_=>check(i))
+ }
+ }
+next();
+function check(nr){
+ if(nr == aktuellerHuegel){
+ next();
+ }
+ }
+function next(){
+ score++;
+ scoreDisplay.innerHTML = score;
+ maulwurf[aktuellerHuegel].style.visibility = "hidden";
+ aktuellerHuegel = Math.floor(Math.random()*huegel.length);
+ maulwurf[aktuellerHuegel].style.visibility = "visible";
+ clearTimeout(failTimeout);
+ failTimeout = setTimeout(fail,zeit);
+ }
+function fail(){
+ alert("Game Over! Score: "+score);
+ location.reload();
+ }
projects / whack-a-mole.git / commitdiff
