-
Notifications
You must be signed in to change notification settings - Fork 0
/
challenges.js
109 lines (91 loc) · 3.52 KB
/
challenges.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
var scores, roundScore, activePlayer, gamePlaying;
init();
var lastDice;
document.querySelector(".btn-roll").addEventListener("click", function () {
if (gamePlaying) {
// 1. Random number
var dice1 = Math.floor(Math.random() * 6) + 1;
var dice2 = Math.floor(Math.random() * 6) + 1;
//2. Display the result
document.getElementById("dice-1").style.display = "block";
document.getElementById("dice-2").style.display = "block";
document.getElementById("dice-1").src = "dice-" + dice1 + ".png";
document.getElementById("dice-2").src = "dice-" + dice2 + ".png";
//3. Update the round score IF the rolled number was NOT a 1
if (dice1 !== 1 && dice2 !== 1) {
//Add score
roundScore += dice1 + dice2;
document.querySelector(
"#current-" + activePlayer
).textContent = roundScore;
} else {
//Next player
nextPlayer();
}
}
});
document.querySelector(".btn-hold").addEventListener("click", function () {
if (gamePlaying) {
// Add CURRENT score to GLOBAL score
scores[activePlayer] += roundScore;
// Update the UI
document.querySelector("#score-" + activePlayer).textContent =
scores[activePlayer];
var input = document.querySelector(".final-score").value;
var winningScore;
// Undefined, 0, null or "" are COERCED to false
// Anything else is COERCED to true
if (input) {
winningScore = input;
} else {
winningScore = 100;
}
// Check if player won the game
if (scores[activePlayer] >= winningScore) {
document.querySelector("#name-" + activePlayer).textContent = "Winner!😎";
document.getElementById("dice-1").style.display = "none";
document.getElementById("dice-2").style.display = "none";
document
.querySelector(".player-" + activePlayer + "-panel")
.classList.add("winner");
document
.querySelector(".player-" + activePlayer + "-panel")
.classList.remove("active");
gamePlaying = false;
} else {
//Next player
nextPlayer();
}
}
});
function nextPlayer() {
//Next player
activePlayer === 0 ? (activePlayer = 1) : (activePlayer = 0);
roundScore = 0;
document.getElementById("current-0").textContent = "0";
document.getElementById("current-1").textContent = "0";
document.querySelector(".player-0-panel").classList.toggle("active");
document.querySelector(".player-1-panel").classList.toggle("active");
document.getElementById("dice-1").style.display = "none";
document.getElementById("dice-2").style.display = "none";
}
document.querySelector(".btn-new").addEventListener("click", init);
function init() {
scores = [0, 0];
activePlayer = 0;
roundScore = 0;
gamePlaying = true;
document.getElementById("dice-1").style.display = "none";
document.getElementById("dice-2").style.display = "none";
document.getElementById("score-0").textContent = "0";
document.getElementById("score-1").textContent = "0";
document.getElementById("current-0").textContent = "0";
document.getElementById("current-1").textContent = "0";
document.getElementById("name-0").textContent = "Player 1";
document.getElementById("name-1").textContent = "Player 2";
document.querySelector(".player-0-panel").classList.remove("winner");
document.querySelector(".player-1-panel").classList.remove("winner");
document.querySelector(".player-0-panel").classList.remove("active");
document.querySelector(".player-1-panel").classList.remove("active");
document.querySelector(".player-0-panel").classList.add("active");
}