-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
45 lines (45 loc) · 1.56 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" dir="ltr">
<head>
<meta charset="utf-8">
<title>Frogger!</title>
<link rel='icon' type="image/x-icon" href="../SEI-65-Projects/images/favicon.svg.png">
<link rel="stylesheet" href="styles/main.css">
<script src="scripts/app.js" charset="utf-8"></script>
</head>
<body>
<header>
<div class="fliesEatenScore">
<p>Flies eaten: <span id="fliesEaten">0</span>/4</p>
</div>
<div class="scoreboard">
<p>Score: <span id="score">0</span></p>
</div>
<div class="lives">
<p>Lives: <span id="livesRemaining">3</span></p>
</div>
</header>
<div class="popUp active">
<h3 class="show-screen rules">RULES OF THE GAME!<br>Avoid getting hit by cars<br>Eat the flies<br>Once four flies are collected, you win the game<br>If you get hit three times, you lose the game</h3>
<div class="start"><button>Start Game!</button></div>
</div>
<div class="grid-wrapper">
<audio id="gameOver">
<source src="../SEI-65-Projects/sounds/gameover.wav">
</audio>
<audio id="win">
<source src="../SEI-65-Projects/sounds/winning-game.wav">
</audio>
<audio id="gettingHit">
<source src="../SEI-65-Projects/sounds/getting-hit.wav">
</audio>
<audio id="touchingFly">
<source src="../SEI-65-Projects/sounds/Touching-fly.wav">
</audio>
<audio id="startGame" loop>
<source src="../SEI-65-Projects/sounds/soundtrack.mp3">
</audio>
<div class="grid"></div>
</div>
</body>
</html>