-
Notifications
You must be signed in to change notification settings - Fork 0
/
app.js
80 lines (69 loc) · 2.09 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
let gameSeq = [];
let userSeq = [];
let highScore = 0;
let started = false;
let level = 0;
let btns = ["yellow", "green", "red", "purple"];
let h2 = document.querySelector('h2');
function startGame() {
if (!started) {
console.log("Game started");
started = true;
levelUp();
}
}
document.addEventListener("keypress", startGame);
document.addEventListener("touchstart", startGame, { once: true });
function btnFlash(btn) {
btn.classList.add("flash");
setTimeout(function () {
btn.classList.remove("flash");
}, 250);
}
function levelUp() {
userSeq = [];
level++;
h2.innerText = `Level ${level}`;
let randIdx = Math.floor(Math.random() * 4);
let randColor = btns[randIdx];
let randBtn = document.querySelector(`.${randColor}`);
gameSeq.push(randColor);
btnFlash(randBtn);
}
function checkAns(idx) {
if (userSeq[idx] === gameSeq[idx]) {
if (userSeq.length == gameSeq.length) {
setTimeout(levelUp, 1000);
}
} else {
if (highScore < level) {
highScore = level;
h2.innerText = `Congratulations! New High Score: ${highScore}`;
} else {
h2.innerText = `Game Over! Your score: ${level}. Press any key or tap to restart. High Score: ${highScore}`;
}
document.querySelector('body').style.backgroundColor = 'red';
setTimeout(function () {
document.querySelector('body').style.backgroundColor = 'white';
}, 150);
reset();
}
}
function btnPress() {
let btn = this;
btnFlash(btn);
let userColor = btn.getAttribute("id");
userSeq.push(userColor);
checkAns(userSeq.length - 1);
}
let allBtns = document.querySelectorAll('.btn');
for (let btn of allBtns) {
btn.addEventListener('click', btnPress);
}
function reset() {
gameSeq = [];
userSeq = [];
level = 0;
started = false;
document.addEventListener("touchstart", startGame, { once: true });
}