-
Notifications
You must be signed in to change notification settings - Fork 1
/
app.js
82 lines (69 loc) · 2.63 KB
/
app.js
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
var score=0;
var diceOne;
var isButtonClicked=0;
function round(){
document.getElementById("score").innerHTML=score;
document.getElementById("variable").innerHTML="None";
document.getElementById("resulttag").innerHTML="";
document.getElementById("play_btn").style.display = "none";
var elDiceOne = document.getElementById('dice1');
diceOne = Math.floor((Math.random() * 6) + 1);
isButtonClicked=0;
function rollDice() {
console.log(diceOne);
for (var i = 1; i <= 6; i++) {
elDiceOne.classList.remove('show-' + i);
if (diceOne === i) {
elDiceOne.classList.add('show-' + i);
}
}
}
setTimeout(rollDice, 6000);
var timeleft = 5;
var downloadTimer = setInterval(function(){
if(timeleft <= 0){
clearInterval(downloadTimer);
document.getElementById("notice-statement").innerText = "";
}else{
document.getElementById("notice-statement").innerText = "You have "+timeleft+" seconds left to predict";
timeleft -= 1;}
}, 1000);
// document.getElementById('1').onclick=reply_click(1);
// document.getElementById('2').onclick=reply_click(2);
// document.getElementById('3').onclick=reply_click(3);
// document.getElementById('4').onclick=reply_click(4);
// document.getElementById('5').onclick=reply_click(5);
// document.getElementById('6').onclick=reply_click(6);
// var clicked_button;
// var reply_click=function (clicked_id){
// isButtonClicked=1;
// clicked_button=clicked_id.id;
// document.getElementById("variable").innerHTML=clicked_id;
// }
function unhidebtn(){
document.getElementById("play_btn").style.display = "inline";
}
setTimeout(checking,7500);
setTimeout(unhidebtn,7500);
document.getElementById("play_btn").innerText="Replay";
}
var clicked_button;
var reply_click=function (clicked_id){
isButtonClicked=1;
clicked_button=clicked_id.id;
document.getElementById("variable").innerHTML=clicked_button;
}
function checking(){
if(clicked_button==diceOne&&isButtonClicked==1){
document.getElementById("resulttag").innerHTML="<span style='color: green;'>Hurray! It was correct</span>";
score=score+10;
document.getElementById("score").innerHTML=score;
}
else if(isButtonClicked==0){
document.getElementById("resulttag").innerHTML="<span style='color: white;'>You have to select a number to predict</span>";
}
else if(clicked_button!=diceOne&&isButtonClicked==1){
document.getElementById("resulttag").innerHTML="<span style='color: red;'>Oops! It was wrong. Try again</span>";
}
isButtonClicked=0;
}