-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
59 lines (46 loc) · 1.27 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
<!DOCTYPE html>
<!-- EXTRA FEATURES:
End of game notification
game time and music
extra backgrounds
different sizes
--!>
<html>
<head>
<title>Tile Game</title>
<link rel="stylesheet" type="text/css" href="./style.css">
</head>
<body>
<h1>Tile Game</h1>
<!-- end of game extra feature--!>
<div id="award"></div>
<!-- time and info extra feature--!>
<div id="info">Time: <span id="time"></span>
Tiles moved: <span id="tc"></span>
</div>
<br>
<div id="board"></div>
Choose Puzzle size:
<button id="4x4">4x4</button>
<button id="8x8">8x8</button>
<button id="12x12">12x12</button>
<br>
<br>
Choose Puzzle background:
<button id="obama">Obama</button>
<button id="biden">Joebiden</button>
<button id="stallman">Stallman</button>
<button id="linus">Linus</button>
<br>
<br>
Start Game:
<button id="shuffle5">shuffle (5)</button>
<button id="shuffle50">shuffle (50)</button>
<button id="shuffle500">shuffle fast (500)</button>
<button id="shuffle2000">shuffle fast (2000)</button>
<script src="index.js"></script>
<br><br>
<p><a id=w3c href=https://validator.w3.org/><img src=./pics/w3c.png
alt="w3c"></a></p>
</body>
</html>