-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
47 lines (34 loc) · 2.32 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
<!DOCTYPE html>
<html>
<head>
<title>Brad's blackjack Game</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Lobster&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/style.css">
<script type="text/javascript" src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.js'></script>
</head>
<body>
<header>$$$ Blackjack JavaScript $$$</header>
<main>
<button type="button" id='instructionsBtn' data-toggle="popover" title="Blackjack AKA 21" data-content="Beat the dealer. The player closest to 21 wins. The dealer and player will be dealt two cards, and have the option to hit.(if you hit you will receive another card) If you or the dealer go over 21, it is a bust and the other player wins! Aces count as 11. The game will reset after each turn!" >RULES</button>
<section class='hitOrStand'><span id='goodLuck'>Good luck!</span>
<div id='yourCards'>Your hand-><span id='cardCount'></span></div><br>
<div id='dealerCards'>Dealer's hands-></div>
</section>
<aside class='buttons'>
<input type='button' id='dealBtn' value='deal'><br>
<input type="button" id='hitBtn' value='hit'><br>
<input type="button" id='stayBtn' value='stay'><br>
<!-- <input type='button' id='resetBtn' value='Reset'> -->
<h3>Your total = <bold id='yourTotal'>0</bold></h3>
<h3>Dealer total = <bold id='dealerTotal'>0</bold></h3>
</aside>
</main>
<footer>Game made by Brad Donakowski</footer>
<div class='clear'></div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<script type="text/javascript" src='js/app.js'></script>
</body>
</html>