REJOICE/script.js at main · RIVALHIDE/REJOICE · 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
var timer = 60;
var score = 0;
var hitrn = 0;

function getNewhit() {
    hitrn = Math.floor(((Math.random() * 10)));
    document.querySelector("#hit").textContent = hitrn;
}


function addScore() {
    score += 10;
    document.querySelector("#score").textContent = score;

}


//makes a bubble
function makeBubble() {
    var clutter = "";
    for (var i = 1; i <= 176; i++) {
        var rn = Math.floor(Math.random() * 10);
        clutter += ` <div class="bubble">${rn}</div>`;
    }
    document.querySelector('.pbtm').innerHTML = clutter;
}


//target score

document.querySelector(".pbtm").addEventListener("click", function (dets) {
    var clickednum = (Number(dets.target.textContent));
    if (clickednum == hitrn) {
        addScore();
        makeBubble();
        getNewhit();
    }
});

//timer
function runTimer() {
    var timerint = setInterval(function () {
        if (timer > 0) {
            timer--;
            document.querySelector("#timeval").textContent = timer;
        }
        else {
            clearInterval(timerint);
            document.querySelector(".pbtm").innerHTML = "";
            document.querySelector("#hit").textContent = 0;
            document.querySelector(".pbtm").innerHTML = `GAME OVER!!! `;
            // document.querySelector(".pbtm").style.fontSize = "3vw";


        }
    }, 1000);

}
// runTimer();
getNewhit();
makeBubble();

let pop = document.querySelector("#pop-up-div");
let game1 = document.querySelector("#yes")
let game2 = document.querySelector("#no")

gsap.from(pop,{
    scale:0,
    opacity:1,
    duration:1.25,
})

function gameplay1(){
    let choice1 = game1.getAttribute("id");

    if(choice1 === "yes"){
        pop.style.opacity=0;
        runTimer();
    }
}

function gameplay2(){
    let choice2 = game2.getAttribute("id");
    if(choice2 === "no"){
        pop.style.opacity=0;
        document.querySelector(".panel").style.display="none";
    }
}