MultiplicationGame.github.io/javascript.js at master · KhaaaaalDrogo/MultiplicationGame.github.io · 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
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
playing = false;
var score;
var correctanswer;
var correctposition;
document.getElementById("startreset").onclick = function(){
	if(playing==true){
		location.reload();
	}
	else{
		document.getElementById("startreset").innerHTML=
		"Reset Game";
		playing=true;
		show("timeremaining")
		score = 0;
		document.getElementById("scorevalue").innerHTML=score;
		startCountdown()
		generateqa();
	}
}
for(i=1 ; i<5 ; i++){
	document.getElementById("box"+i).onclick= function(){
		if(playing== true){
			if(this.innerHTML == correctanswer){
				score++;
				document.getElementById("scorevalue").innerHTML
				= score;
				hide("wrong");
				show("correct");
				setTimeout(function(){
					hide("correct")
				},1000);
				generateqa();
			}
			else{
				hide("correct");
				show("wrong");
				setTimeout(function(){
					hide("wrong");
				},1000)

			}
		}
	}
}


//////////FUNCTIONSSSSSSSS/////////////
function show(id){
	document.getElementById(id).style.display="block";
}


function hide(id){
	document.getElementById(id).style.display="none";
}


function startCountdown(){
	timeremainingvalue = 60
	action = setInterval(function(){
		timeremainingvalue = timeremainingvalue-1;
		document.getElementById("timeremainingvalue").innerHTML
		=timeremainingvalue +" sec" ;
		if(timeremainingvalue==0){
			stopCountdown()
			document.getElementById("gameover").innerHTML=
			"<p>gameover</p><p>your score is : "+score;
			show("gameover")

		}
	},1000)

}


function stopCountdown(){
	clearInterval(action)
}


function generateqa(){
	var x =1 + Math.round(19*Math.random());
	var y =1 + Math.round(9*Math.random());
	correctanswer =  x*y ;
	document.getElementById("question").innerHTML=
	x +" X "+y;
	correctposition = 1 + Math.round(3*Math.random());
	document.getElementById("box"+correctposition).innerHTML=
	correctanswer;
	answers= [correctanswer];
	for(i=1 ; i<5 ; i++ ){
		/*/if (i != correctposition){
			var wronganswer = 1 + Math.round(19*Math.random())*
			 1 + Math.round(9*Math.random());
			if(wronganswer!= correctanswer){
				if(answers.indexOf(wronganswer)<0){
					document.getElementById("box"+i).innerHTML=
				wronganswer;
				answers.push(wronganswer);

				}

			}

		}*/
		if (i != correctposition){
		var wronganswer;
		do{
			wronganswer = (1 + Math.round(19*Math.random()))*
			 (1 + Math.round(9*Math.random()));
		}
		while(answers.indexOf(wronganswer)>-1)
			document.getElementById("box"+i).innerHTML=
				wronganswer;
				answers.push(wronganswer);
									}


	}


}