MathQuizyGame/javascript.js at main · NusrathJahan58/MathQuizyGame · 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
var playing = false;
var score;
var action;
var timeRemain;
var correctAnswer;

//click on start/Reset button
document.getElementById("startReset").onclick = function(){
    if(playing == true){
        location.reload(); //reload page
    }else{
        playing = true;
        score = 0;
        document.getElementById("scorevalue").innerHTML= score;
        show("timeRemain");
        timeRemain = 60;
        document.getElementById("timeValue").innerHTML = timeRemain;
        hide("gameOver");
        document.getElementById("startReset").innerHTML= "Reset Game";
        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);
         }
    }
}
}
function startCountdown(){
    action = setInterval(function(){
        timeRemain -=1;
        document.getElementById("timeValue").innerHTML = timeRemain;
        if(timeRemain == 0){
            stopCountdown();
            show("gameOver");
            document.getElementById("gameOver").innerHTML = "<p>Game Over!</p><p>Your score is " + score +".</p>";
            hide("timeRemain");
            hide("correct");
            hide("wrong");
            playing = false;
document.getElementById("startReset").innerHTML = "Start Game";
        }
    }, 1000)
}
function stopCountdown(){
    clearInterval(action);
}
function hide(Id){
    document.getElementById(Id).style.display = "none";
}
function show(Id){
    document.getElementById(Id).style.display = "block";
}
function generateQA(){
    var x = 1+ Math.round(9*Math.random());
    var y = 1+ Math.round(9*Math.random());
    correctAnswer = x*y;
    document.getElementById("question").innerHTML = x + "x" + y;
    var correctPosition = 1+ Math.round(3*Math.random());
    document.getElementById("box"+correctPosition).innerHTML = correctAnswer;
    var answers = [correctAnswer];
    for(i=1; i<5; i++){
        if(i !== correctPosition){
           var wrongAnswer;
           do{ wrongAnswer = ( 1+ Math.round(9*Math.random()))*( 1+ Math.round(9*Math.random()));
           } while(answers.indexOf(wrongAnswer)>-1)
           document.getElementById("box"+i).innerHTML = wrongAnswer;
           answers.push(wrongAnswer);
        }
    }
}