-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.js
71 lines (71 loc) · 2.87 KB
/
index.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
choices = ["Stone", "Paper", "Scissor"];
let comp_score = 0;
let human_score = 0;
document.getElementById("start").addEventListener("click", startGame);
function startGame() {
//Creating a Reset Button
let b = document.createElement("button");
b.classList.add("bt");
b.style.background = "red";
b.innerText = "Reset";
b.id = "reset";
b.addEventListener("click", reset);
let score = document.getElementById("scorecard");
if (score.hasChildNodes()) score.removeChild(score.children[0]);
const a = ["Human", "Comp"];
for (let e = 0; e < 2; e++) {
let h = document.createElement("div");
h.classList.add("display");
score.appendChild(h);
let p1 = document.createElement("h2");
p1.innerText = `${a[e]} Score`;
h.appendChild(p1);
let p2 = document.createElement("h2");
h.appendChild(p2);
p2.innerText = 0;
p2.id = `${a[e]}`;
}
score.appendChild(b);
document
.querySelectorAll(".btn")
.forEach((e) => e.addEventListener("click", update_score));
}
function update_score(evt) {
let id = evt.currentTarget.id;
let comp = choices[Math.floor(Math.random() * choices.length)];
let text = `${id} VS ${comp}`;
document.getElementById("match").innerText = text;
if (comp == "Scissor" && id == "Stone") human_score += 1;
else if (comp == "Paper" && id == "Stone") comp_score += 1;
else if (comp == "Scissor" && id == "Paper") comp_score += 1;
else if (comp == "Stone" && id == "Paper") human_score += 1;
else if (comp == "Paper" && id == "Scissor") human_score += 1;
else if (comp == "Stone" && id == "Scissor") comp_score += 1;
document.getElementById("Human").innerText = human_score;
document.getElementById("Comp").innerText = comp_score;
if (comp_score == 3 || human_score == 3) {
document.getElementById("final").innerText =
comp_score > human_score ? "You lose" : "You win";
let b = document.getElementById("reset");
b.style.background = "green";
b.innerText = "Start New Game";
document.getElementById("Stone").removeEventListener("click", update_score);
document.getElementById("Paper").removeEventListener("click", update_score);
document.getElementById("Scissor").removeEventListener("click", update_score);
return;
}
}
function reset() {
comp_score = 0;
human_score = 0;
let b = document.getElementById("reset");
b.style.background = "red";
b.innerText = "Reset";
document.getElementById("final").innerText = "";
document.getElementById("match").innerText = "";
document.getElementById("Human").innerText = human_score;
document.getElementById("Comp").innerText = comp_score;
document.getElementById("Stone").addEventListener("click", update_score);
document.getElementById("Paper").addEventListener("click", update_score);
document.getElementById("Scissor").addEventListener("click", update_score);
}