-
Notifications
You must be signed in to change notification settings - Fork 0
/
crystal.html
49 lines (43 loc) · 1.94 KB
/
crystal.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
<!DOCTYPE html>
<html>
<head>
<title>Crash's Crystal Collector</title>
<link href="https://fonts.googleapis.com/css?family=Acme" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
</head>
<body>
<div class="jumbotron text-center">
<div id = "background">
<img src="https://vignette3.wikia.nocookie.net/crashban/images/6/69/Crash_Bandicoot_The_Wrath_of_Cortex_Copterpack.png/revision/latest?cb=20170115095743" id="crashpic" height=330px, width=300px>
<h1 class="display-3">Crash's Crystal Collector</h1>
<p class="lead">Help Crash Bandicoot collect his crystals in order to stop Cortex's domination plan! Your goal is to match the target number by clicking on the crystals to add points. Each of the 4 crystals have different values, and they will only be displayed once you click on them, so choose wisely. Their values are randomized at the start of every game. Go over the target score, and it's game over. Good luck!</p>
<br>
<br>
<button type="button" class="btn btn-warning" id="new-game-button">New Game</button>
<button type="button" class="btn btn-warning" id="play-again">Play Again!</button>
<div id="number-to-guess">
</div>
<h2></h2>
<br>
<br>
<hr>
<div id="totalscore">
</div>
<div id="crystals">
</div>
</div>
</div>
<!-- <div>
<p>Wins: </p>
<span id="wins"></span>
</div>
<div>
<p>Losses: </p>
<span id="losses"></span>
</div> -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="assets/javascript/crystal.js"></script>
</body>
</html>