-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.js
65 lines (58 loc) · 1.98 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
let player1Score = 0;
let player2Score = 0;
let player1Turn = true;
const player1Dice = document.getElementById("player1Dice");
const player2Dice = document.getElementById("player2Dice");
const player1Scoreboard = document.getElementById("player1Scoreboard");
const player2Scoreboard = document.getElementById("player2Scoreboard");
const message = document.getElementById("message");
const rollBtn = document.getElementById("rollBtn");
const resetBtn = document.getElementById("resetBtn");
function showDisplayButton() {
rollBtn.style.display = "none";
resetBtn.style.display = "block";
}
rollBtn.addEventListener("click", function () {
let diceNum = Math.floor(Math.random() * 6 + 1);
if (player1Turn === true) {
player1Dice.textContent = diceNum;
player1Dice.classList.remove("active");
player2Dice.classList.add("active");
message.textContent = "Player 2 Turn";
player1Score = player1Score + diceNum;
player1Scoreboard.textContent = player1Score;
} else {
player2Dice.textContent = diceNum;
player2Dice.classList.remove("active");
player1Dice.classList.add("active");
message.textContent = "Player 1 Turn";
player2Score = player2Score + diceNum;
player2Scoreboard.textContent = player2Score;
}
if (player1Score >= 20) {
message.textContent = "player 1 has won!! 🎉";
showDisplayButton();
} else if (player2Score >= 20) {
message.textContent = "player 2 has won!! 🎊";
showDisplayButton();
}
player1Turn = !player1Turn;
});
resetBtn.addEventListener("click", function () {
reset();
});
function reset() {
console.log("reset");
resetBtn.style.display = "none";
rollBtn.style.display = "block";
message.textContent = "player 1 turn";
player1Score = 0;
player2Score = 0;
player1Scoreboard.textContent = 0;
player2Scoreboard.textContent = 0;
player1Turn = true;
player1Dice.textContent = "-";
player2Dice.textContent = "-";
player1Dice.classList.add("active");
player2Dice.classList.remove("active");
}