left23
diff --git a/‎explode.png
20.6 KB b/‎explode.png
20.6 KB
diff --git a/‎index.html
Lines changed: 42 additions & 44 deletions b/‎index.html
Lines changed: 42 additions & 44 deletions
diff --git a/‎mallet.png
3.23 KB b/‎mallet.png
3.23 KB
diff --git a/‎script.js
Lines changed: 29 additions & 20 deletions b/‎script.js
Lines changed: 29 additions & 20 deletions
@@ -1,44 +1,42 @@
-<!DOCTYPE html>
-<html>
-	<head>
-	<title>Index</title>
-	
-	<link rel="stylesheet" href="styles.css" type="text/css">
-	<script src="jquery-1.10.2.min.js" type="text/javascript"></script>
-	<script src="script.js" type="text/javascript"></script>
-	
-	</head>
-	
-<body class="index">
-	
-	<div id="container">
-		<div class="picture">
-		
-		<button type="button">Play</button> 
-		
-		<div id="moleOne" class="mole">
-		</div>	
-		
-		<div id="moleTwo" class="mole">
-		</div>	
-		
-		<div id="moleThree" class="mole">
-		</div>	
-		
-		<div id="moleFour" class="mole">
-		</div>	
-		
-
-
-			
-
-			
-		</div>
-	</div>
-		
-	</body>
-
-</html>	
-
-
-
+<!DOCTYPE html>
+<html>
+	<head>
+	<title>Index</title>
+	
+	<link rel="stylesheet" href="styles.css" type="text/css">
+	<script src="jquery-1.10.2.min.js" type="text/javascript"></script>
+	<script src="script.js" type="text/javascript"></script>
+	
+	</head>
+	
+<body class="index">
+	
+	<div id="container">
+		<div class="picture">
+				
+		<div id="moleOne" class="mole">
+		</div>	
+		
+		<div id="moleTwo" class="mole">
+		</div>	
+		
+		<div id="moleThree" class="mole">
+		</div>	
+		
+		<div id="moleFour" class="mole">
+		</div>	
+		
+
+
+			
+
+			
+		</div>
+	</div>
+		
+	</body>
+
+</html>	
+
+
+
@@ -1,20 +1,29 @@
-$( document ).ready(function() {
-	
-
-	$("button").click(function() {
-		var mole = $(".mole").toArray();
-		var elemlength = mole.length;
-		var randomnum = Math.floor(Math.random()*elemlength);
-		var randomitem = mole[randomnum];
-		$(randomitem).css("display", "block").addClass("active");		
-	});
-	
-	
-	$(".mole").click(function() {
-	
-		if ($(this).hasClass("active")) {
-			$(this).css("display", "none").removeClass("active");
-		}
-	});
-
-});
+$(document).on('ready',function(){
+    setInterval(whaka,500);
+  });
+	
+	function whaka(){
+		var mole = $(".mole").toArray();
+		var elemlength = mole.length;
+		var randomnum = Math.floor(Math.random()*elemlength);
+		var randomitem = mole[randomnum];
+		//$(randomitem).css("display", "block").addClass("active");
+		$(randomitem).removeClass("explode").toggle().toggleClass("active");		
+	}
+	
+	
+$(document).ready(function(){
+
+	//$("#container").css( 'cursor', 'url(mallet.png), auto' );
+
+	$(".mole").click(function() {
+	//alert("!! whaka !!");
+		if ($(this).hasClass("active")) {
+			$(this).css("display","none").addClass("explode");
+		}
+	});
+	
+});
+
+
+