-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
109 lines (106 loc) · 5.57 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Blackjack</title>
<link rel="icon" href="assets/images/icon.png" type="image/png">
<link rel="stylesheet" href="assets/style/bootstrap.min.css">
<link rel="stylesheet" href="assets/style/style.css">
<link rel="manifest" href="manifest.webmanifest">
<meta name=description content="Blackjack is a gambling card game in which
players try to acquire cards with a face value totalling 21 and no more.">
<!-- IOS Support -->
<link rel="apple-touch-icon" href="assets/images/icon-96.png">
<meta name="apple-mobile-web-app-status-bar-style" content="#44fa3e">
<meta name="theme-color" content="#44fa3e">
</head>
<body oncontextmenu="return false" style="background-image: url('assets/images/board.png');">
<div class="float"><div class="load"><div></div></div></div>
<div class="view">
<div class="help-me" >
<div class="help-me-on">
<div title="Close" class="close">+</div>
<p id="rule">Blackjack Rules</p>
<ol>
<li>The goal of blackjack is to beat the dealer's hand without going over 21.</li>
<li>Face cards are worth 10. Aces are worth 1 or 11, whichever makes a better hand.</li>
<li>To 'Hit' is to ask for another card. To 'Stand' is to hold your total and end your turn.</li>
<li>If you go over 21 you bust, but if the dealer gets bust too then it's a draw.</li>
<li>After every game "Deal" is to start a new game.</li>
</ol>
<div class="get">
<div class="ads">
<img id="ad-img" src="assets/images/icon-256.png" alt="Blackjack">
</div>
<div class="get-btn">
<button class="btn-lg btn-success button" id="get">Get 1000 Points</button>
</div>
</div>
</div>
</div>
<div>
<h1 class="flex" id="status">Let's Play</h1>
</div>
<div>
<div>
<div class="flex">
<div><h1>You: <span id="you-score">0</span></h1></div>
<div><h1>Dealer: <span id="dealer-score">0</span></h1></div>
</div>
</div>
<div>
<div>
<div class="flex">
<div class="card-box" id="you-tab">
</div>
<div id="bar"></div>
<div class="card-box" id="dealer-tab">
</div>
</div>
</div>
</div><br id="br">
<div>
<div class="flex" id="active">
<div title="Help" id="help-div">
<h3 id="help">?</h3>
</div>
<div class="bet-box">
<div><h4>Bet: <span id="select"><select id="bet">
<option value="500" id="half" selected="selected">500</option>
<option value="1000" id="one">1000</option>
<option value="2000" id="two">2000</option>
<option value="5000" id="five">5000</option>
<option value="10000" id="ten">10000</option>
</select></span></h4>
</div>
<div>
<h4>Total: <span id="total">10000</span></h4>
</div>
</div>
<div>
<button class="btn-lg btn-primary" id="hit">Hit</button>
<button class="btn-lg btn-success" id="stand">Stand</button>
<button class="btn-lg btn-danger" id="deal">Deal</button>
</div>
<div class="inline">
<div>
<h4> <span class="space">Win: <span id="win">0</span></span><span class="space">
Lose: <span id="lose">0</span></span> Draw: <span id="draw">0</span></h4>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="land">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white" width="200px" height="200px">
<path d="M0 0h24v24H0z" fill="none"/><path d="M16.48 2.52c3.27 1.55 5.61 4.72 5.97 8.48h1.5C23.44
4.84 18.29 0 12 0l-.66.03 3.81 3.81 1.33-1.32zm-6.25-.77c-.59-.59-1.54-.59-2.12 0L1.75 8.11c-.59.59-.59
1.54 0 2.12l12.02 12.02c.59.59 1.54.59 2.12 0l6.36-6.36c.59-.59.59-1.54 0-2.12L10.23 1.75zm4.6 19.44L2.81
9.17l6.36-6.36 12.02 12.02-6.36 6.36zm-7.31.29C4.25 19.94 1.91 16.76 1.55 13H.05C.56 19.16 5.71 24 12
24l.66-.03-3.81-3.81-1.33 1.32z"/></svg>
</div>
<script src="assets/script/script.js" type="text/javascript"></script>
</body>
</html>