-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
49 lines (48 loc) · 2.06 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link rel="stylesheet" href="style.css" />
<title>Dice Game by Samul</title>
</head>
<body>
<main>
<section class="player player--0 player--active">
<h2 class="name" id="name--0">Player 1</h2>
<p class="score" id="score--0">0</p>
<p class="score winning--0 hidden" id="score--0">Winner</p>
<div class="current">
<p class="current-label">Current</p>
<p class="current-score" id="current--0">0</p>
</div>
</section>
<section class="player player--1">
<h2 class="name" id="name--1">Player 2</h2>
<p class="score" id="score--1">0</p>
<p class="score winning--1 hidden" id="score--1">Winner</p>
<div class="current">
<p class="current-label">Current</p>
<p class="current-score" id="current--1">0</p>
</div>
</section>
<img src="DiceImg/dice-5.png" alt="Playing dice" class="dice" />
<button class="btn btn--rules">📝 Rules</button>
<button class="btn btn--names">👥 Edit Names</button>
<button class="btn btn--new">🔄 New game</button>
<button class="btn btn--roll">🎲 Roll dice</button>
<button class="btn btn--hold">📥 Hold</button>
</main>
<div class="modal hidden">
<button class="close-modal">×</button>
<h1>Game Rules.</h1>
<p>
Roll The Dice, The number rolled will be added to current score, you can roll again and the socre will add up but if you roll a 1 you loose all the score and the turn goes to next player, you can hold the current score by pressing the Hold Button then the score is added to the main score and then the turn goes to next player and if any of the player's score hits 100 that player wins.
Best of Luck.
</p>
</div>
<div class="overlay hidden"></div>
<script src="script.js"></script>
</body>
</html>