/
stuff.js
109 lines (70 loc) · 2.1 KB
/
stuff.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
102
103
104
105
106
107
108
const RedElm = document.querySelector("#red");
const GreenElm = document.querySelector("#green");
const BlueElm = document.querySelector("#blue");
const PatternListElm=document.querySelector("#pattern-list")
SaveMemory=[Math.floor(Math.random()*3)];
PlayerMemory=[];
counter=0;
tcounter=0;
PatternListElm.textContent="Score: " + 0
function delay(i) {
setTimeout(() => { playAnim(SaveMemory[i]); }, 500);
}
function playAnim(savenum){
RedElm.classList.remove("spring")
GreenElm.classList.remove("spring")
BlueElm.classList.remove("spring")
if (savenum==0){
RedElm.classList.toggle("spring")
}
else if (savenum==1) {
GreenElm.classList.toggle("spring")
}
else{
BlueElm.classList.toggle("spring")
}
}
playAnim(SaveMemory[0])
function doRockThing(rockColor){
if (rockColor=="red"){
PlayerMemory.push(0);
}
else if (rockColor=="green"){
PlayerMemory.push(1);
}
else{
PlayerMemory.push(2);
}
if (PlayerMemory[counter]==SaveMemory[counter]){
if (counter==SaveMemory.length-1){
SaveMemory.push(Math.floor(Math.random()*3))
PlayerMemory=[]
PatternListElm.textContent="Score: " + counter*100
tcounter=counter*100
counter=0
delay(SaveMemory.length-1)
}
else {
counter+=1
}
RedElm.classList.remove("spring")
GreenElm.classList.remove("spring")
BlueElm.classList.remove("spring")
}
else {
RedElm.classList.remove("spring")
GreenElm.classList.remove("spring")
BlueElm.classList.remove("spring")
PatternListElm.textContent="YOU LOSE! FINAL SCORE: "+tcounter
SaveMemory=0
}
}
RedElm.addEventListener("click",function(event){
doRockThing("red")
})
GreenElm.addEventListener("click",function(event){
doRockThing("green")
})
BlueElm.addEventListener("click",function(event){
doRockThing("blue")
})