-
Notifications
You must be signed in to change notification settings - Fork 0
/
app.js
145 lines (108 loc) · 4.49 KB
/
app.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
141
142
143
144
145
/*
GAME RULES:
- The game has 2 players, playing in rounds
- In each turn, a player rolls a dice as many times as he whishes. Each result get added to his ROUND score
- BUT, if the player rolls a 1, all his ROUND score gets lost. After that, it's the next player's turn
- The player can choose to 'Hold', which means that his ROUND score gets added to his GLBAL score. After that, it's the next player's turn
- The first player to reach 100 points on GLOBAL score wins the game
- A player looses his ENTIRE score when he rolls two 6 in a row. After that, it's the next player's turn.
*/
var scores, rs, cp, gp, temp, maxScore = 100;
function init() {
scores = [0, 0];
rs = 0; //round score
cp = 0; //current player
gp = true; //game is being played or not
//Hide dice
document.querySelector(".dice").style.display = "none";
//resetting all values to Zero
document.getElementById('score-0').textContent = '0';
document.getElementById('score-1').textContent = '0';
document.getElementById('current-0').textContent = '0';
document.getElementById('current-1').textContent = '0';
//resetting player names
document.getElementById('name-0').textContent = 'Player 1';
document.getElementById('name-1').textContent = 'Player 2';
//removing "winner" class from both players
document.querySelector('.player-0-panel').classList.remove('winner');
document.querySelector('.player-1-panel').classList.remove('winner');
//removing "active" class from both players
document.querySelector('.player-0-panel').classList.remove('active');
document.querySelector('.player-1-panel').classList.remove('active');
//setting player1 to be "active"
document.querySelector('.player-0-panel').classList.add('active');
}
function nextPlayer() {
//changing the current player
cp = cp === 0 ? 1 : 0;
//resetting round score to ZERO
rs = 0;
//setting current scores to zero
document.getElementById('current-0').textContent = '0';
document.getElementById('current-1').textContent = '0';
//assigning "active" class to the next player
document.querySelector('.player-0-panel').classList.toggle('active');
document.querySelector('.player-1-panel').classList.toggle('active');
//hiding dice
//document.querySelector(".dice").style.display = "none";
}
//Event listener method for "NEW GAME" button
document.querySelector('.btn-new').addEventListener('click', init);
//initializing the game.
init();
//Event listener method for "ROLL DICE" button
document.querySelector(".btn-roll").addEventListener("click", function () {
if (gp) {
var dice = Math.floor(Math.random() * 6) + 1;
if (temp == 6 && dice == 6) {
console.log("sixer!!");
scores[cp] = 0;
document.getElementById('score-' + cp).textContent = 0;
nextPlayer();
return 0;
}
diceObj = document.querySelector(".dice");
diceObj.style.display = 'block';
diceObj.src = "dice-" + dice + ".png";
if (dice !== 1) {
rs += dice;
//console.log(cp);
document.getElementById('current-' + cp).textContent = rs;
} else {
nextPlayer();
}
temp = dice;
}
});
//Event listener method for "HOLD" button
document.querySelector('.btn-hold').addEventListener('click', function () {
if (gp) {
//adding "current round score" of player to the SCORE
scores[cp] += rs;
//updating the game page
document.getElementById('score-' + cp).textContent = scores[cp];
var input = document.querySelector('.final-score').value;
var maxScore;
if (input) {
maxScore = input;
} else {
maxScore = 100;
}
//checking if current player won the game
if (scores[cp] >= maxScore) {
cp = (scores[0] > scores[1]) ? 0 : 1;
document.getElementById('name-' + cp).textContent = 'Winner!';
//Hide dice
document.querySelector('.dice').style.display = 'none';
//adding "winner" class to Winner player
document.querySelector('.player-' + cp + '-panel').classList.add('winner');
// removing "active" class from Winner
document.querySelector('.player-' + cp + '-panel').classList.remove('active');
//game is Over so, resetting gp to ZERO
gp = false;
} else {
//Next player
nextPlayer();
}
}
});