-
Notifications
You must be signed in to change notification settings - Fork 0
/
menu.js
62 lines (54 loc) · 1.88 KB
/
menu.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
let backgroundSrc = "";
let carSrc = "";
document.addEventListener("DOMContentLoaded", function () {
const backgrounds =
document.getElementsByClassName("backgroundImage")
;
const backgroundsArray=Array.from(backgrounds);
const chooseBackground = document.getElementById("chooseBackground");
const chooseCar = document.getElementById("chooseCar");
const cars = document.getElementsByClassName("carImage");
const carsArray=Array.from(cars);
chooseBackground.classList.add("hide");
chooseCar.classList.add("hide");
backgroundsArray.forEach((image) => {
image.addEventListener("click", function () {
if (chooseBackground.classList.contains("hide")) {
chooseBackground.classList.remove("hide");
}
if (!chooseBackground.classList.contains("show")) {
chooseBackground.classList.add("show");
}
chooseBackground.addEventListener("click", function () {
chooseBackground.classList.remove("show");
chooseBackground.classList.add("hide");
backgroundSrc = image.src;
localStorage.setItem("backgroundGameImage",backgroundSrc);
});
});
});
carsArray.forEach((image) => {
image.addEventListener("click", function () {
if (chooseCar.classList.contains("hide")) {
chooseCar.classList.remove("hide");
}
if (!chooseCar.classList.contains("show")) {
chooseCar.classList.add("show");
}
chooseCar.addEventListener("click", function () {
chooseCar.classList.remove("show");
chooseCar.classList.add("hide");
carSrc = image.src;
localStorage.setItem("playerCarImage",carSrc);
});
});
});
requestAnimationFrame(checkChoose);
function checkChoose() {
if (carSrc != "" && backgroundSrc != "") {
window.location.href = "game2d.html";
return;
}
requestAnimationFrame(checkChoose);
}
});