puzzleGame/index.html at main · bipingc19/puzzleGame · 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
<html>
	<head>
		<title> Puzzle Cam </title>
		<script src="script.js"></script>
		<link href="style.css" rel="stylesheet"/>
	</head>

	<body onload="main()">
		<canvas id="myCanvas"></canvas>
		<canvas id="helperCanvas" style="display:none;"></canvas>
		<div id="menuItems" class="menu">
			<div id="menu">
				<div id="controls">
					<img src='title.png' style='width:90%;'/>
					<br>
					<br>
					Difficulty <select id="difficulty" onchange="setDifficulty()">
						<option value="easy">Easy</option>
						<option value="medium">Medium</option>
						<option value="hard">Hard</option>
						<option value="insane">Insane</option>
					</select>
					<br>
					<br>
					<button onclick="restart()">Start</button>
				</div>
			</div>
		</div>

		<div id="endScreen" class="menu" style="display:none">
			<img src='title.png' style='width:90%;'/>
			<br>
			<br>

			<div id="scoreValue"></div>
			<input type="text" id="name" placeholder="your name"></input>
			<button onclick="saveScore()" id="saveBtn">Save</button>
			<br>
			<br>
			<button onclick="showScores()">Show Scores</button>
			<button onclick="showMenu()">Menu</button>
		</div>

		<div id="scoresScreen" class="menu" style="display:none">
			<img src='title.png' style='width:90%;'/>
			<br>
			<br>

			<div id="scoresContainer"></div>
			<br>
			<button onclick="closeScores()">Back</button>
		</div>


		<div id="time"></div>
	</body>
</html>