-
Notifications
You must be signed in to change notification settings - Fork 1
/
script.js
140 lines (119 loc) · 3.96 KB
/
script.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
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
'use strict';
// door imgs
const closedDoor =
'https://content.codecademy.com/projects/chore-door/images/closed_door.svg';
const robotDoor =
'https://content.codecademy.com/projects/chore-door/images/robot.svg';
const beachImage =
'https://content.codecademy.com/projects/chore-door/images/beach.svg';
const spaceImage =
'https://content.codecademy.com/projects/chore-door/images/space.svg';
// door elements
const door1 = document.getElementById('door1');
const door2 = document.getElementById('door2');
const door3 = document.getElementById('door3');
// btn elements
const btnRules = document.getElementById('rules-btn');
const btnRestart = document.getElementById('restart-btn');
const modal = document.querySelector('.modal');
const overlay = document.querySelector('.overlay');
// const isBot = door => (door.src === robotDoor ? true : false); [removed to reduce window pollution; only used in one location]
const isClicked = door => (door.src === closedDoor ? false : true);
let currentlyPlaying;
let numClosedDoors;
let currentStreakNum = 0;
let bestStreakNum = 0;
let doors = [robotDoor, beachImage, spaceImage];
const shuffle = array => {
let currentIndex = array.length,
randomIndex;
// While there remain elements to shuffle...
while (currentIndex != 0) {
// Pick a remaining element...
randomIndex = Math.floor(Math.random() * currentIndex);
currentIndex--;
// And swap it with the current element.
[array[currentIndex], array[randomIndex]] = [
array[randomIndex],
array[currentIndex],
];
}
return array;
};
const gameBegin = () => {
numClosedDoors = 3;
currentlyPlaying = true;
btnRestart.textContent = 'Good Luck!';
door1.src = closedDoor;
door2.src = closedDoor;
door3.src = closedDoor;
shuffle(doors);
};
gameBegin();
// door event
door1.addEventListener('click', () => {
if (currentlyPlaying && !isClicked(door1)) {
door1.src = doors[0];
playDoor(door1);
// console.log(numClosedDoors);
// console.log(isBot(door1));
}
});
door2.addEventListener('click', () => {
if (currentlyPlaying && !isClicked(door2)) {
door2.src = doors[1];
playDoor(door2);
// console.log(numClosedDoors);
}
});
door3.addEventListener('click', () => {
if (currentlyPlaying && !isClicked(door3)) {
door3.src = doors[2];
playDoor(door3);
// console.log(numClosedDoors);
}
});
// win/loss
const playDoor = door => {
numClosedDoors--;
if (numClosedDoors === 1 && door.src !== robotDoor) {
gameOver('win');
// } else if (isBot(door)) {
} else if (door.src === robotDoor) {
gameOver();
}
};
const gameOver = status => {
currentlyPlaying = false;
const bestStreakEl = document.getElementById('best-streak');
const currentStreakEl = document.getElementById('current-streak');
if (status === 'win') {
btnRestart.textContent = 'You Win! Play Again!';
currentStreakNum++;
currentStreakEl.textContent = currentStreakNum;
bestStreakNum++;
// console.log(bestStreakEl.value);
if (bestStreakNum > +bestStreakEl.textContent)
bestStreakEl.textContent = bestStreakNum;
} else {
btnRestart.textContent = 'Game over! Try Again!';
currentStreakNum = 0;
currentStreakEl.textContent = currentStreakNum;
bestStreakNum = 0;
}
};
// restart game
btnRestart.addEventListener('click', () => {
if (!currentlyPlaying) gameBegin();
});
// modal rules
btnRules.addEventListener('click', () => {
modal.classList.toggle('hidden');
overlay.classList.toggle('hidden');
});
const closeRules = () => {
modal.classList.add('hidden');
overlay.classList.add('hidden');
};
overlay.addEventListener('click', closeRules);
// add in local storage to maintain the the highscore. Also add date the high score was acheived - if w/in the last week, show number of days ago.