-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
45 lines (45 loc) · 2.16 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Whac-A-Mario</title>
<link rel="stylesheet" href="style.css">
<link rel="icon" href="hammerup.png">
<script src="https://kit.fontawesome.com/19c60793e2.js" crossorigin="anonymous"></script>
</head>
<body>
<audio src="whack01-105535.mp3" id="whack-sound"></audio>
<audio src="game-over-arcade-6435.mp3" id="game_over"></audio>
<audio src="achievement-video-game-type-1-230515.mp3" id="start-button"></audio>
<button id="mute"><i class="fa-solid fa-volume-xmark" id="sound-button"></i></button>
<table id="leaderboard">
<tbody id="lbbody">
<tr>
<th colspan="3" id="lbheading">LEADERBOARD <i class="fa-solid fa-sort-up"></i></th>
</tr>
<tr>
<th>Position</th>
<th>Name</th>
<th>Score</th>
</tr>
</tbody>
</table>
<div id="start-game">
<h1 id="title">Whac-A-Mario</h1>
<h3 style="color: rgb(83, 4, 4);" id="warning">DON'T HIT THE PLANTS!</h3>
<input type="text" id="username" placeholder="Enter Username (Username will be saved, and can't be changed)"/>
<button id="save">Save</button>
<h2 id="difficulty-label"><b>Select Difficulty:</b></h2>
<select id="difficulty">
<option value="easy" selected>Easy</option>
<option value="medium">Medium</option>
<option value="hard">Hard</option>
<option value="impossible" style="background-color: red;">IMPOSSIBLE</option>
</select><br><br><br>
<button id="start">START</button><br>
</div>
<h5>Sound Effect from <a href="https://pixabay.com/?utm_source=link-attribution&utm_medium=referral&utm_campaign=music&utm_content=6435">Pixabay.</a> Website made purely using HTML, CSS, JS.</h5>
<script src="script.js" type="module" defer></script>
</body>
</html>