-
Notifications
You must be signed in to change notification settings - Fork 0
/
memory_game.js
98 lines (85 loc) · 2.57 KB
/
memory_game.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
var colors = ["blue", "red", "green", "yellow"];
var true_colors = [];
var answer = [];
function hideshow(hide, show) {
document.getElementById(hide).style.display= "none";
document.getElementById(show).style.display= "block";
}
function addColor(col_arr) {
col_arr.push(colors[Math.floor(Math.random() * colors.length)]);
}
function addAnswer(string) {
answer.push(string);
}
function sleep(milliseconds) {
const date = Date.now();
let currentDate = null;
do {
currentDate = Date.now();
} while (currentDate - date < milliseconds);
}
function pause(time) {
return new Promise(resolve => {
setTimeout(() => {
}, time);
});
}
function delay(time) {
return new Promise(resolve => setTimeout(resolve, time));
}
async function processArray() {
for (const item of true_colors) {
document.getElementById("color_box").style.backgroundColor= await item;
await delay(400);
document.getElementById("color_box").style.backgroundColor="gray";
await delay(200);
}
document.getElementById("color_box").style.backgroundColor= "gray";
}
async function counter(time){
var i = time;
while (i>0){
document.getElementById('timer').innerHTML = "Next round in: " + i;
i = i-1;
await delay(1000);
}
document.getElementById('timer').innerHTML = "";
}
function start() {
answer = [];
document.getElementById("start_button").style.display= "none";
document.getElementById("done").style.display= "block";
document.getElementById('success').innerHTML = "";
addColor(true_colors);
processArray();
}
function done() {
if (answer.length !== true_colors.length) return false;
for (var i = 0; i < answer.length; i++) {
if (answer[i] !== true_colors[i]){
return false;
}
}
return true;
}
async function correction(){
if(done()){
document.getElementById("done").style.display= "none";
document.getElementById('success').innerHTML = "Correct!";
answer=[];
await counter(3);
start();
}else{
document.getElementById('points').innerHTML = (true_colors.length)-1;
document.getElementById("game").style.display="none";
document.getElementById("fail").style.display="block";
}
}
function restart() {
true_colors = [];
answer = [];
document.getElementById("fail").style.display="none";
document.getElementById("game").style.display="block";
document.getElementById("start_button").style.display= "block";
document.getElementById("done").style.display= "none";
}