-
Notifications
You must be signed in to change notification settings - Fork 0
/
forestPuzzle.html
39 lines (36 loc) · 2.01 KB
/
forestPuzzle.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
<!DOCTYPE HTML>
<html>
<head>
<title>Forest Puzzle</title>
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
</head>
<body onload="initialize();">
<a href="index.html">
<h2>Back To Hub</h2>
</a>
<img id="gridSlot0" src="assets/Forest/forestPiece0.jpg" class="piece" onclick="selectPiece(0);"
><img id="gridSlot1" src="assets/Forest/forestPiece1.jpg" class="piece" onclick="selectPiece(1);"
><img id="gridSlot2" src="assets/Forest/forestPiece2.jpg" class="piece" onclick="selectPiece(2);"
><img id="gridSlot3" src="assets/Forest/forestPiece3.jpg" class="piece" onclick="selectPiece(3);">
<br>
<img id="gridSlot4" src="assets/Forest/forestPiece4.jpg" class="piece" onclick="selectPiece(4);"
><img id="gridSlot5" src="assets/Forest/forestPiece5.jpg" class="piece" onclick="selectPiece(5);"
><img id="gridSlot6" src="assets/Forest/forestPiece6.jpg" class="piece" onclick="selectPiece(6);"
><img id="gridSlot7" src="assets/Forest/forestPiece7.jpg" class="piece" onclick="selectPiece(7);">
<br>
<img id="gridSlot8" src="assets/Forest/forestPiece8.jpg" class="piece" onclick="selectPiece(8);"
><img id="gridSlot9" src="assets/Forest/forestPiece9.jpg" class="piece" onclick="selectPiece(9);"
><img id="gridSlot10" src="assets/Forest/forestPiece10.jpg" class="piece" onclick="selectPiece(10);"
><img id="gridSlot11" src="assets/Forest/forestPiece11.jpg" class="piece" onclick="selectPiece(11);">
<br>
<img id="gridSlot12" src="assets/Forest/forestPiece12.jpg" class="piece" onclick="selectPiece(12);"
><img id="gridSlot13" src="assets/Forest/forestPiece13.jpg" class="piece" onclick="selectPiece(13);"
><img id="gridSlot14" src="assets/Forest/forestPiece14.jpg" class="piece" onclick="selectPiece(14);"
><img id="gridSlot15" src="assets/Forest/forestPiece15.jpg" class="piece" onclick="selectPiece(15);">
<br>
<button onclick="shufflePieces();">Start</button>
<div id="score">Score: 0</div>
<h1 id="winMsg"></h1>
</body>
</html>