GuessingGame/GuessingGame.html at master · JonathanLigh/GuessingGame · 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
32
33
<!DOCTYPE html>
<html lang="en">
	<title>GuessingGame-JLigh</title>
	<head>
		<link rel="stylesheet" href="css/bootstrap.min.css">
		<link rel="stylesheet" type="text/css" href="main.css">
	</head>
	<body>
		<div class="site-wrapper">
		<h1>Guessing Game</h1>
			<div class='main-box'>
				<input id="guessfield" type="text" placeholder='A Number Between 1 and 100' class='form-control'>
			</div>
			<p id='1'></p>
			<p id='response'></p>
			<p id="remainGuess">5 guesses remaining</p>

			<div class='buttons'>
				<button id='guess' type='button' class="btn btn-primary">Guess</button>
			</div>
			<div class='buttons'>
				<button id='hint' type='button' class="btn btn-success">Hint</button>
			</div>
						<p id="hinttext">You only get 1 hint</p>
			<div class='buttons'>
				<button id='restart' type='button' class="btn btn-warning">Restart</button>
			</div>
			<p id="prevGuess"></p>
		</div>
		<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
		<script src='guessingGame.js'></script>
	</body>
</html>