Pure-JavaScript-Games/scripts.js at master · 22mayank/Pure-JavaScript-Games · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
function getRandomColor() {
 	 	 var letters = '0123456789ABCDEF'.split('');
 	 	 var color = '#';
 	 	 for (var i = 0; i < 6; i++ ) {
 	 	 color += letters[Math.round(Math.random() * 15)];
 	 	 }
 	 	 return color;
	 	 }

var clickedTime; var createdTime; var reactionTime;
function makeBox() {

	 	 var time=Math.random();

	 	 time=time*5000;

			 setTimeout(function() {

				 if (Math.random()>0.5) {


document.getElementById("box").style.borderRadius="100px";

				 } else {


document.getElementById("box").style.borderRadius="0";


				 }

				 var top=Math.random();

				 top=top*300;

				 var left=Math.random();

				 left=left*500;

				 document.getElementById("box").style.top=top+"px";

				 document.getElementById("box").style.left=left+"px";


document.getElementById("box").style.backgroundColor=getRandomColor();

				 document.getElementById("box").style.display="block";

				 createdTime=Date.now();

			 }, time);

}
document.getElementById("box").onclick=function() {

	 	 clickedTime=Date.now();

	 	 reactionTime=(clickedTime-createdTime)/1000;

	 	 document.getElementById("time").innerHTML=reactionTime;

	 	 this.style.display="none";

	 	 makeBox();
}

makeBox();