-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
60 lines (49 loc) · 1.5 KB
/
script.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
var timer = 60;
var score = 0;
var hitrn;
var clickedVal;
document.querySelector(".elem #highVal").innerHTML =localStorage.getItem("high");
function makeBubble() {
var clutter = "";
for (var i = 1; i <= 108; i++) {
clutter = clutter + `<div class="bubble">${Math.floor(Math.random() * 10)}</div>`;
}
document.querySelector("#pbtm").innerHTML = clutter;
}
function runTimer() {
var timerInt = setInterval(function () {
if (timer >= 0) {
document.querySelector('#timerValue').innerHTML = timer;
timer--;
}
else {
clearInterval(timerInt);
document.querySelector("#pbtm").innerHTML = `
<h2>Score = ${score - 10}</h2>`;
if (localStorage.getItem("high")<(score-10)) {
localStorage.setItem("high",score-10);
}
document.querySelector(".elem #highVal").innerHTML =localStorage.getItem("high");
}
}, 1000)
}
function getNewHit() {
hitrn = `${Math.floor(Math.random() * 10)}`;
document.querySelector('#hitVal').innerHTML = hitrn;
}
function increaseScore() {
document.querySelector('#scoreVal').textContent = score;
score = score + 10;
}
document.querySelector('#pbtm').addEventListener('click',function (dets){
clickedVal = Number(dets.target.textContent);
if(clickedVal == hitrn){
increaseScore();
makeBubble();
getNewHit();
}
})
increaseScore();
runTimer();
makeBubble();
getNewHit();