-
Notifications
You must be signed in to change notification settings - Fork 0
/
SimonSayGame.js
101 lines (87 loc) · 2.32 KB
/
SimonSayGame.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
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
let gameSeq=[];
let userSeq=[];
let btns=['red','yellow','green','purple'];
let highestScore=1;
let started =false;
let level = 0;
let h2=document.querySelector("h2");
let highest=document.querySelector("#highest");
let outer=document.querySelector(".outer");
let start=document.createElement("button");
start.classList.add("button");
outer.append(start);
start.innerText="start";
start.addEventListener("click",function(){
if(started==false){
started=true;
start.innerText="start";
levelUp();
}
});
function userFlash(btn){
btn.classList.add("userflash");
setTimeout(function (){
btn.classList.remove("userflash");
},400)
};
function gameFlash(btn){
btn.classList.add("flash");
setTimeout(function (){
btn.classList.remove("flash");
},400)
};
function levelUp(){
userSeq=[];
level++;
h2.innerText=`level ${level}`;
let randIndx=Math.floor(Math.random()*4);
let randcolor=btns[randIndx];
let randBtn=document.querySelector(`#${randcolor}`);
playaudio();
gameFlash(randBtn);
gameSeq.push(randcolor);
console.log(gameSeq);
};
function checkAns(idx){
if(userSeq[idx]===gameSeq[idx]){
if(userSeq.length===gameSeq.length){
setTimeout(levelUp,1000);
if(highestScore<=level)
highestScore=level;
highest.innerText=highestScore;
}
}
else {
h2.innerText="game over press agian to start";
reset();
}
}
function btnPress(){
console.log(this);
let btn=this;
userFlash(this);
usercolor=btn.getAttribute("id");
userSeq.push(usercolor);
checkAns(userSeq.length-1);
}
function playaudio(){
/* const audio= new Audio("C:/Users/nemal/Downloads/audio for simon say game.wav"); */
const audio= new Audio("../JavaScript/audioforsimonsaygame.wav");
audio.play();
}
let allbtn=document.querySelectorAll(".btn");
for(let btn of allbtn){
btn.addEventListener("click",btnPress);
btn.addEventListener("click",playaudio);
}
function reset(){
started=false;
gameSeq=[];
userSeq=[];
level=0;
start.innerText='Restart';
document.querySelector("body").style.backgroundColor="red";
setTimeout(function (){
document.querySelector("body").style.backgroundColor="white";
},1000);
}