guessing_game/index.html at master · heatherpike/guessing_game · GitHub

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
<!DOCTYPE html>
<meta charset="UTF-8">
<head>
  <link rel="stylesheet" href="main.css">
  <link href='http://fonts.googleapis.com/css?family=Bubblegum+Sans' rel='stylesheet' type='text/css'>
</head>
<body>
	<header>
		<h1>Guessing Game</h1>
	</header>
	<div class="info">
		<p>Guess a whole number from 1 to 100! <br> We'll tell you whether you're getting hotter or colder. Good luck!</p>
	</div>
	<div class="game-box">
		<label for="number-guess">Try Your Luck!</label>
		<input type="text" id="number-guess" placeholder="Guess 1-100 here">
		<input type="submit" id="submit-guess" value="Click to Submit">
	</div>
	<div class="info" id="updates">
		<p>You have 5 guesses.</p>
	</div>
	<div class="game-buttons">
		<button id="hint">Get a Hint!</button>
		<button id="newGame">Start Over!</button>
	</div>
	<script src="http://code.jquery.com/jquery-1.11.0.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/app.js" type="text/javascript" charset="utf-8"></script>
</body>
<footer>
        <p>&copy; 2014 Heather Pike. Made in NYC.</p>
      </footer>