-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
67 lines (57 loc) · 1.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
<!DOCTYPE html>
<html>
<head>
<title>Blackjack!</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="lib/mustache.js"></script>
<style>
#reset {
background-color: #228B22;
margin: auto;
}
#actions {
display: none;
}
li {
border: 1px solid black;
}
li.win {
list-style-image: url("img/tick-sm.png");
}
li.win .winner {
background-color: #C1FFC1;
}
li.lose {
list-style-type: circle;
}
li.lose .winner {
background-color: #8B0000;
color: white;
}
li.tie {
list-style: none;
}
.user {
background-color: #EEF3E2;
}
.dealer {
background-color: #FEF0C9;
}
/* Playing card sprite (img/playingcards.png): http://imageshack.us/photo/my-images/245/playingcards.png/ */;
</style>
</head>
<body>
<div id="reset">
<button id="new_game">New Game</button>
</div>
<div id="results"></div>
<div id="actions">
<button id="hit" class="play">Hit</button>
<button id="stay" class="play">Stay</button>
<button id="replay" class="replay">Play Again</button>
</div>
<div id="current_hand"></div>
<ul id="hands"></ul>
<script src="blackjack.js"></script>
</body>
</html>