-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathApp.js
More file actions
101 lines (83 loc) · 2.19 KB
/
App.js
File metadata and controls
101 lines (83 loc) · 2.19 KB
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
92
93
94
95
96
97
98
99
100
let gameSeq = [];
let userSeq = [];
let arr = [];
let btns = ['green', 'yellow', 'red', 'blue'];
let started = false;
let level = 0;
let h2 = document.querySelector('h2');
let p = document.querySelector('p');
document.addEventListener('keypress',function(){
if(started == false){
console.log('Game is Started!');
started = true;
levelUp();
}
});
function gameFlash(btn){
btn.classList.add("flash");
setTimeout(function () {
btn.classList.remove("flash");
}, 250);
}
function userFlash(btn){
btn.classList.add("userFlash");
setTimeout(function () {
btn.classList.remove("userFlash");
}, 250);
}
function levelUp(){
userSeq = [];
level++;
h2.innerText = `level ${level}`;
let randIdx = Math.floor(Math.random() *3);
let randColor = btns[randIdx];
let randbtn = document.querySelector(`.${randColor}`);
gameSeq.push(randColor);
console.log(gameSeq);
gameFlash(randbtn);
arr.push(level);
p.innerText = 'Highest Score is : ' + greatherthan();
}
function checkAns(idx){
if(userSeq[idx] === gameSeq[idx]){
if(userSeq.length == gameSeq.length){
setTimeout(levelUp, 1000);
}
console.log('same value!');
}else{
h2.innerHTML = `Game Over! Your Score was <b>${level}</b> <br>Press any key to start`;
document.querySelector('body').style.backgroundColor = 'red';
setTimeout( function(){
document.querySelector('body').style.backgroundColor = 'white';
},150);
reset();
}
}
function btnPress(){
let btn = this;
userFlash(btn);
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(){
started = false;
gameSeq = [];
userSeq = [];
level = 0;
}
function greatherthan(){
let max = arr[0];
for(let ar of arr){
if(ar > max){
max = ar;
}
}
return max;
}
//Nothing is not more important than learning so plz learn bro...
//Nothing is not more important than learning so plz learn bro...