JavaScript_Projects/jigsaw_puzzle/jugsawPuzzle.html at main · KDProgramming/JavaScript_Projects · 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>
<head>
   <!--
      Author: Kylie Drawdy
      Date: 10/21/2024
   -->
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width,initial-scale=1.0">
   <title>Hands-on Project 10-1</title>
   <link rel="stylesheet" href="styles/styles.css" />
   <script src="js/jigsawPuzzle.js" defer></script>
</head>

<body>
   <header>
      <h1>
         Jigsaw Puzzle
      </h1>
   </header>

   <section>
      <p><img src="images/puzzle.png" alt="" />
      Complete the jigsaw puzzle for the flower image shown at the
      right. Use your pointer to drag and drop the pieces into position. <br /><br />
      TIP: Place the corners first and then the four edges, finishing
         with the interior pieces. <br /> <br /><em>Good luck!</em></p>
      <div id = "puzzleBoard">
      </div>

</section>
</body>
</html>