-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
159 lines (153 loc) · 5.63 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
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Blackjack</title>
<link rel="manifest" href="manifest.json">
<link rel="apple-touch-icon" sizes="76x76" href="images/icons/icon-48x48.png">
<link rel="apple-touch-icon" sizes="76x76" href="images/icons/icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="images/icons/icon-96x96.png">
<link rel="apple-touch-icon" sizes="76x76" href="images/icons/icon-128x128.png">
<link rel="apple-touch-icon" sizes="76x76" href="images/icons/icon-144x144.png">
<link rel="apple-touch-icon" sizes="76x76" href="images/icons/icon-152x152.png">
<link rel="apple-touch-icon" sizes="76x76" href="images/icons/icon-192x192.png">
<link rel="apple-touch-icon" sizes="76x76" href="images/icons/icon-384x384.png">
<link rel="apple-touch-icon" sizes="76x76" href="images/icons/icon-512x512.png">
<meta name="apple-mobile-web-app-status-bar" content="#3D4475">
<meta name="theme_color" contWent="#3D4475">
<link rel="stylesheet" href="style.css" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.2/css/font-awesome.min.css"
/>
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link
href="https://fonts.googleapis.com/css2?family=Schoolbell&display=swap"
rel="stylesheet"
/>
<link
rel="stylesheet"
href="https://pro.fontawesome.com/releases/v5.11.1/css/all.css"
/>
<link rel="icon" type="image/png" href="./blackjackIcon.png" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
<div class="table">
<div class="winner">
<h1>Blackjack</h1>
</div>
<div class="money">
<i class="fad fa-coins"></i> <span id="money"></span>
</div>
<div class="dealersSom"></div>
<div class="yourSom"></div>
<div class="anotherYourSom"></div>
<div class="dealer">
<div class="handDealer"></div>
</div>
<div class="you">
<div class="handYou"></div>
</div>
<span class="coins">
<span class="coin1 coin" onclick="changeBet(1)" id="1"
><i class="fad fa-coin icon activeCoin"></i
><span class="amount"> 1</span></span
>
<span class="coin2 coin" onclick="changeBet(2)" id="2"
><i class="fad fa-coin icon"></i
><span class="amount"> 2</span></span
>
<span class="coin5 coin" onclick="changeBet(5)" id="5"
><i class="fad fa-coin icon"></i
><span class="amount"> 5</span></span
>
<span class="coin10 coin" onclick="changeBet(10)" id="10"
><i class="fad fa-coin icon"></i
><span class="amount"> 10 </span></span
>
<span class="coin20 coin" onclick="changeBet(20)" id="20"
><i class="fad fa-coin icon"></i
><span class="amount"> 20 </span></span
>
<span class="coin50 coin" onclick="changeBet(50)" id="50"
><i class="fad fa-coin icon"></i
><span class="amount"> 50 </span></span
>
<span class="coin100 coin" onclick="changeBet(100)" id="100"
><i class="fad fa-coin icon"></i><span class="amount">100</span></span
>
</span>
<div class="dealPos aria dealED" onclick="dealAgain()">
<p>DEAL</p>
</div>
<div class="hitPos aria hitNStand" onclick="hit()">
<p>HIT</p>
</div>
<div class="standPos aria hitNStand" onclick="stand()">
<p>stand</p>
</div>
<span class="note" onclick="help()"
><i class="fad fa-sticky-note"></i
></span>
<span id="restart" class="undo hide" onclick="restartGame()"
><i class="fad fa-undo-alt"></i
></span>
</div>
<div id="help" class="help hide">
<span class="times" onclick="help(1)"
><i class="fad fa-times fa-2x"></i
></span>
<h2>Mini Blackjack Rules</h2>
<p class="rulesP">
The goal of blackjack is to beat the dealer's hand without going over
21.
</p>
<p class="rulesP">
Face cards are worth 10. Aces are worth 1 or 11, whichever makes a
better hand.
</p>
<p class="rulesP">
Each player starts with two cards, one of the dealer's cards is hidden
until the end.
</p>
<p class="rulesP">
To 'Hit' is to ask for another card. To 'Stand' is to hold your total
and end your turn.
</p>
<p class="rulesP">
If you go over 21 you bust, and the dealer wins regardless of the
dealer's hand.
</p>
<p class="rulesP">
If you are dealt 21 from the start (Ace & 10), you got a blackjack.
</p>
<p class="rulesP">
Blackjack usually means you win 1.5 the amount of your bet. Depends on
the casino.
</p>
<p class="rulesP">
Dealer will hit until his/her cards total 17 or higher.
<a class="ref" href="http://www.hitorstand.net/strategy.php"
>From here</a
>
</p>
<p class="rulesP">
Inspired by
<a
class="ref"
href="https://dribbble.com/shots/13965521-Online-Poker-Casino-App"
>uixNinja</a
>
and the icon made by
<a
class="ref"
href="https://dribbble.com/shots/14490139-Custom-Playing-Card-Loader"
>Stephen W. Piercey</a
>.
</p>
</div>
<script src="app.js"></script>
<script src="main.js"></script>
</body>
</html>