-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
89 lines (64 loc) · 2.02 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Guessing Game</title>
<link rel="stylesheet" href="main.css">
<!-- the MAIN.CSS file is linked here -->
<script src="../js/guessing-game.js" defer></script>
</head>
<body>
<div id="app">
<div class="center">
<h1>The Guessing Game!</h1> <hr>
<h2 id="subtitle">Guess a number between 1-100 </h2>
</div>
<div id='guess-feedback' class='center'>
<h4> Enter your number below and press Play! <br>You have five attempts. </h4>
</div>
<div>
<div id="input-parent">
<input type="number" class="center" id ="player-input"> </input>
<button id="submit">Play!</button>
</div>
<div class="center">
<ul id="guess-list"> Your previous guesses:
<li class="guess"></li>
<li class="guess"></li>
<li class="guess"></li>
<li class="guess"></li>
<li class="guess"></li>
</ul>
</div>
<!-- Reset & Hint Buttons -->
<div>
<div >
<button id="reset" type="button" class=" ">Reset</button>
</div>
<div>
<button id="hint" type="button" class=" ">Hint</button>
<p id="hintsGiven"></p>
</div>
<div >
<h6>Project by Ardita Burhop
<a href="https://github.com/Ada-11">
<img id="GIT" src="Logos\GitHub.png" alt="github"></a></h6>
</div>
</div>
</div>
</div>
<!-- Fullstack & Grace Hopper Footer -->
<footer id="Footer">
<div >
<img id="FSA" src="Logos\fa-logo-large.png" alt="Fullstack Academy Logo">
<img id="GH" src="Logos\gh-logo-large.svg " alt="Grace Hopper Logo">
</div>
<div>
</div>
</footer>
</div>
</body>
<script src='js/guessing-game.js'></script>
<!-- Check the script tag in the head element, notice the attribute used on the script element called "defer" -->
</body>
</html>