-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
104 lines (93 loc) · 4.2 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
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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="./css/reset.css">
<link rel="stylesheet" href="./css/table.css">
<link rel="stylesheet" href="./css/card.css">
<link rel="stylesheet" href="./css/modal.css">
<link href="https://fonts.googleapis.com/css?family=Skranji" rel="stylesheet">
<script type="text/javascript" src="bundle.js"></script>
<title>Blackjack</title>
</head>
<body>
<div id='modal-container'>
<div id='modal'>
<h1>How To Play</h1>
<ol>
<li>You and the Dealer start with $1000 dollars.</li>
<li>Bet in increments of $25, $100, $500 per hand or go all in.</li>
<li>The last player with money left wins!</li>
<li>Game is played with 8 decks.</li>
<li>Dealer must hit until reaching 17, then must stand.</li>
<li>Double down after split is allowed.</li>
<li>You may split an unlimited number of times.</li>
<li>For full blackjack rules, see the <a href='https://wizardofodds.com/games/blackjack/basics/' target='blank'>Wizard of Odds</a>.</li>
</ol>
<div id='heart'>♥</div>
<div id='diamond'>♦</div>
<div id='spade'>♠</div>
<div id='club'>♣</div>
</div>
</div>
<div id='how-to-play'>How To Play</div>
<div id=title>BLACKJACK</div>
<div id=subtitle>Dealer must draw to 16 and stay on all 17s.</div>
<div class='dealer-area'>
<div id='dealer-info-area' class='dealer-info-area'>
<h1>DEALER</h1>
<h1 id='dealer-bankroll'></h1>
</div>
<div id='dealer-card-area' class='card-area'>
<div id='dealer-hand-value' class='hand-value dealer-hand-value'></div>
<div id='dealer-card-container' class='card-container'>
</div>
</div>
<div class='count-and-basic-strategy-container'>
<button id='show-count-button' data-text-original='Show Count' data-text-swap='Hide Count'>Show Count</button>
<div id='count-inner-container' class='count-and-basic-strategy-inner-container'>
<div>Running Count: <h1 id='count' class='count-and-basic-strategy'>0</h1></div>
<div>Decks Remaining: <h1 id='decks-remaining' class='count-and-basic-strategy'>0</h1></div>
<div>True Count: <h1 id='true-count' class='count-and-basic-strategy'>0</h1></div>
</div>
</div>
</div>
<div id='message'>
</div>
<div class='player-area'>
<div id='player-info-area' class='player-info-area'>
<h1>PLAYER</h1>
<h1 id='player-bankroll'></h1>
</div>
<div id='player-card-area' class='card-area'>
</div>
<div class='count-and-basic-strategy-container'>
<button id='show-basic-strategy-button' data-text-original='Show Basic Strategy' data-text-swap='Hide Basic Strategy'>Show Basic Strategy</button>
<div id='basic-strategy-inner-container' class='count-and-basic-strategy-inner-container'>
<div><div id='basic-strategy-text'>Waiting For Your Turn...</div><h1 id='basic-strategy' class='count-and-basic-strategy'></h1></div>
</div>
</div>
</div>
<div id='bet-buttons' class='buttons'>
<h1 id='bet-button-title'>Place Your Bet!</h1>
<div id='bet-buttons-container'>
<button id='clear-bet' class='alternate-bet-buttons'>Clear</button>
<button id='bet25' class='bet-amounts'>25</button>
<button id='bet100' class='bet-amounts'>100</button>
<button id='bet500' class='bet-amounts'>500</button>
<button id='betAllIn' class='bet-amounts'>All In</button>
<button id='deal' class='alternate-bet-buttons'>Deal!</button>
</div>
</div>
<div id='action-buttons' class='buttons'>
<button id='hit-button'>Hit</button>
<button id='stay-button'>Stand</button>
<button id='double-down-button'>Double</button>
<button id='split-button'>Split</button>
</div>
<button id='play-again-button'>New Game</button>
<div id='footer'>Game by Jason Numeroff.<br>
See the code at <a href='https://github.com/Numie/Blackjack'>Github</a>. Good luck!
</div>
</body>
</html>