-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
71 lines (70 loc) · 2.66 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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css?family=Droid+Sans" rel="stylesheet">
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/style.css" />
<title>Blackjack</title>
</head>
<body>
<header class="body">
<h1>Blackjack</h1>
<h2>Test you luck against the house</h2>
<h6>...just remember the house always wins</h6>
</header>
<aside>
<div class="deal">
<p>Bet Amount: <span id='bet-total'>0</span> tokens</p>
<p>Account: <span id='account'>2000</span> tokens<p>
</div>
</aside>
<main id="container" class="body">
<form class="game">
<button class="start-game">Start Game</button>
</form>
<section>
<h3>Rules of the game</h3>
<p>..You are not able to split your hand</p>
<ul>
<li>This table pays 2-to-1</li>
<li>Before playing, make sure to place a friendly wager then hitting the deal button</li>
<li>You and the dealer will start off with two cards each</li>
<li>You can hit, stand, or double your hand</li>
<li>Hit will give you another card. If you go over 21 you lose the round</li>
<li>Stand will end your turn and begin the dealers turn</li>
<li>If you are risk taker, you can double down by hitting the 'Double' button. This will double your bet amount and you only draw one card before it goes to the dealer.</li>
</ul>
</section>
</main>
<aside class="waiting">
<h1>Shuffling...</h1>
<div class="loading cards back-cover"></div>
<div class="loading cards back-cover"></div>
<div class="loading cards back-cover"></div>
</aside>
<div class="game-over">
<h1>GAME OVER</h1>
</div>
<div id="message">
</div>
<div id='new'>
<h1>Place your bet</h1>
<div class='bets-wrapper'>
<button class='bets' id='fifty'>50</button>
<button class='bets' id='hundred'>100</button>
<button class='bets' id='five'>500</button>
<button class='bets' id='place-deal'>Deal</button>
</div>
</div>
<script
src="https://code.jquery.com/jquery-3.2.1.min.js"
integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
crossorigin="anonymous"></script>
<script src="js/Player.js"></script>
<script src="js/Dealer.js"></script>
<script src="js/App.js"></script>
<script src="js/main.js"></script>
</body>
</html>