File size: 1,336 Bytes
7d2a207 |
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 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Coordinate Hunt Adventure! 🗺️✨</title>
<link rel="stylesheet" href="style.css">
<!-- Fun Font (Optional but Recommended) -->
<link href="https://fonts.googleapis.com/css2?family=Lilita+One&display=swap" rel="stylesheet">
</head>
<body>
<h1>Coordinate Hunt Adventure!</h1>
<p id="prompt">Let's find some hidden items using the map coordinates!</p>
<!-- Score Display -->
<div id="score-display">Score: 0 / 10</div>
<div id="instructions">
Find <span id="item-name">the item</span> at: <strong id="target-coords">(?, ?)</strong>
</div>
<!-- Main container for grid and axes -->
<div id="game-area">
<div id="y-axis-labels">
<!-- Y Labels added by JS -->
</div>
<div id="grid-container">
<!-- Grid squares added by JS -->
</div>
</div>
<!-- Container for X-Axis Labels, positioned below game-area -->
<div id="x-axis-container">
<div id="x-axis-labels">
<!-- X Labels added by JS -->
</div>
</div>
<div id="feedback">
Click a square to start!
</div>
<script src="script.js"></script>
</body>
</html> |