1
- var scores , roundScore , activePlayer , gamePlaying ;
1
+ var scores , roundScore , activePlayer , gamePlaying , lastDice ;
2
2
var diceDOM = document . querySelector ( '.dice' ) ;
3
3
init ( ) ;
4
4
5
+ //click Roll Dice
5
6
document . querySelector ( '.btn-roll' ) . addEventListener ( 'click' , function ( ) {
6
7
if ( gamePlaying ) {
8
+ //make random number for dice
7
9
var dice = Math . floor ( Math . random ( ) * 6 ) + 1 ;
8
10
diceDOM . style . display = 'block' ;
9
11
diceDOM . src = 'dice-' + dice + '.png' ;
10
-
12
+ //active player can roll dice until dice isn't 1
11
13
if ( dice !== 1 ) {
12
- roundScore += dice ;
13
- document . querySelector ( '#current-' + activePlayer ) . textContent = roundScore ;
14
+ //check if two 6 in a row
15
+ if ( dice === 6 && lastDice === 6 ) {
16
+ nextPlayer ( ) ;
17
+ } else { //update Roundscore
18
+ roundScore += dice ;
19
+ document . querySelector ( '#current-' + activePlayer ) . textContent = roundScore ;
20
+ lastDice = dice ;
21
+ }
14
22
} else
15
23
nextPlayer ( ) ;
16
24
}
17
25
18
26
} ) ;
19
27
28
+ //click Hold
20
29
document . querySelector ( '.btn-hold' ) . addEventListener ( 'click' , function ( ) {
21
30
if ( gamePlaying ) {
31
+ //Update active player Score
22
32
scores [ activePlayer ] += roundScore ;
23
33
document . querySelector ( '#score-' + activePlayer ) . textContent = scores [ activePlayer ] ;
24
-
25
- if ( scores [ activePlayer ] >= 20 ) {
34
+ //check if active player win
35
+ if ( scores [ activePlayer ] >= 100 ) {
26
36
diceDOM . style . display = 'none' ;
27
37
document . querySelector ( '#name-' + activePlayer ) . textContent = 'WINNER!' ;
28
38
document . querySelector ( '.player-' + activePlayer + '-panel' ) . classList . add ( 'winner' ) ;
@@ -36,6 +46,7 @@ document.querySelector('.btn-hold').addEventListener('click', function () {
36
46
37
47
} ) ;
38
48
49
+ //click New Game
39
50
document . querySelector ( '.btn-new' ) . addEventListener ( 'click' , init ) ;
40
51
41
52
function init ( ) {
@@ -55,11 +66,13 @@ function init() {
55
66
document . getElementById ( 'score-0' ) . textContent = '0' ;
56
67
document . getElementById ( 'score-1' ) . textContent = '0' ;
57
68
diceDOM . style . display = 'none' ;
69
+ lastDice = 0 ;
58
70
59
71
}
60
72
61
73
function nextPlayer ( ) {
62
74
roundScore = 0 ;
75
+ lastDice = 0 ;
63
76
document . querySelector ( '#current-' + activePlayer ) . textContent = roundScore ;
64
77
activePlayer === 1 ? activePlayer = 0 : activePlayer = 1 ;
65
78
document . querySelector ( '.player-0-panel' ) . classList . toggle ( 'active' ) ;
0 commit comments