taptapbug/taptapbug.html at master · federbenjamin/taptapbug · 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
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
<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>Tap Tap Bug</title>
  <link rel="stylesheet" href="style.css">
  <script src="taptapbug.js" type="text/javascript"></script>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
	<div id="title-screen">
		<ul id="title-list">
			<li>
				<span class="title-text">Level:</span>
				<form>
					<div class="level-select margin-right-2">
						<input id="level-one" type="radio" name="level" value="1" checked>1
					</div>
					<div class="level-select">
						<input id="level-two" type="radio" name="level" value="2">2
					</div>
				</form>
			</li>
			<li>
				<span class="title-text">High Score:</span>
				<span id="high-score"></span>
			</li>
		</ul>
		<button id="start-button">Start</button>
	</div>

	<div id="game-screen">
		<div id="game-header">
			<div id="time">
				<span id="time-num"></span>
				<span>&nbspsec</span>
			</div>
			<div id="pause-button">
				<img id="play-pause" src="images/pause.png" height=40 width=40/>
			</div>
			<div id="score">
				<span>Score:&nbsp</span>
				<span id="score-num"></span>
			</div>
		</div>
		<canvas id="game-canvas" width="400" height="600"></canvas>
		<div id="game-over">
			<h2 id="lose">Game Over</h2>
			<h2 id="win">You Win!</h2>
			<div>
				<span>Total Score:&nbsp</span><span id="total-score"></span>
			</div>
			<button id="restart">Restart?</button>
			<button id="exit">Main Menu</button>
		</div>
		<h1 id="pause-text">PAUSED</h1>
		<h1 id="level-text">
			<span>Level&nbsp</span><span id="level-num"></span>
		</h1>
	</div>
</body>
</html>