FazBrowse GitHub Viewer
|
Trending
|
URL:
|
Home
Tools:
[Download Repo ZIP]
[View Raw Code]
[Original HTTPS Page]
Javascript-Game/app.js at master · manthankool/Javascript-Game · GitHub
manthankool
/
Javascript-Game
Public
Notifications
You must be signed in to change notification settings
Fork
0
Star
0
Code
Issues
0
Pull requests
0
Actions
Projects
Security and quality
0
Insights
Additional navigation options
Code
Issues
Pull requests
Actions
Projects
Security and quality
Insights
Expand file tree
Breadcrumbs
Javascript-Game
/
app.js
Copy path
More file actions
More file actions
Latest commit
History
History
History
108 lines (77 loc) · 3.44 KB
Breadcrumbs
Javascript-Game
/
app.js
Copy path
File metadata and controls
108 lines (77 loc) · 3.44 KB
Raw
Copy raw file
Download raw file
Open symbols panel
Edit and raw actions
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
/*
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
*/
var
scores
,
roundScore
,
activePlayer
,
gamePlaying
;
init
(
)
;
document
.
querySelector
(
'.btn-roll'
)
.
addEventListener
(
'click'
,
function
(
)
{
if
(
gamePlaying
)
{
var
dice
=
Math
.
floor
(
Math
.
random
(
)
*
6
)
+
1
;
//display the result.
var
diceDOM
=
document
.
querySelector
(
'.dice'
)
;
diceDOM
.
style
.
display
=
'block'
//block: The element displayed as a block-level element (like paragraphs and headers)
diceDOM
.
src
=
'dice-'
+
dice
+
'.png'
;
if
(
dice
!==
1
)
{
//Add the scores
roundScore
+=
dice
;
document
.
querySelector
(
'#current-'
+
activePlayer
)
.
textContent
=
roundScore
;
}
else
{
//Next Player
nextPlayer
(
)
;
}
}
// display the number
}
)
;
//click is the first arguement to eventlistener
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
]
;
//Check if player won the game
if
(
scores
[
activePlayer
]
>=
20
)
{
document
.
querySelector
(
'#name-'
+
activePlayer
)
.
textContent
=
'Winner'
;
document
.
querySelector
(
'.dice'
)
.
style
.
display
=
'none'
;
document
.
querySelector
(
'.player-'
+
activePlayer
+
'-panel'
)
.
classList
.
add
(
'winner'
)
;
document
.
querySelector
(
'.player-'
+
activePlayer
+
'-panel'
)
.
classList
.
remove
(
'active'
)
;
gamePlaying
=
false
;
}
else
{
nextPlayer
(
)
;
}
//Next player
}
}
)
;
function
nextPlayer
(
)
{
activePlayer
===
0
?
activePlayer
=
1
:
activePlayer
=
0
;
//ternary operator
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
.
querySelector
(
'.dice'
)
.
style
.
display
=
'none'
;
}
document
.
querySelector
(
'.btn-new'
)
.
addEventListener
(
'click'
,
init
)
;
function
init
(
)
{
scores
=
[
0
,
0
]
;
activePlayer
=
0
;
roundScore
=
0
;
gamePlaying
=
true
;
document
.
querySelector
(
'.dice'
)
.
style
.
display
=
'none'
;
document
.
getElementById
(
'score-0'
)
.
textContent
=
'0'
;
//we could have used querySelector, but getElementById('id') is fast comparitively
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'
)
;
}
Back
|
FazBrowse Home
|
New Git URL