Spider_Task2_Space_War/main.html at master · BhuvanaChandraP/Spider_Task2_Space_War · 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
34
35
36
37
38
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Space War</title>
    <link rel = "stylesheet" href ="style.css">

</head>
<body>
    <canvas id="canvas" width="1200" height="600"></canvas>
    <h2 id = "level">Level </h2>
    <h1 id = "levelNo"></h1>
    <h2 id = "score">Score</h2>
    <h1 id = "score1"></h1>


    <img id = "pause" onclick = "pause();" width="40" height="40" src = "pictures/pause.jpg">
    <img id = "play" onclick = "play();" width="40" height="40" src = "pictures/play.png">
    <img id="player" width="80" height="80"  src="pictures/player.jpg" alt="player">
	<img id="alien" width="50" height="50"  src="pictures/alien.jpg" alt="alien">
    <img id="alien1" width="50" height="50"  src="pictures/alien1.jpg" alt="alien">
    <img id="alien2" width="50" height="50"  src="pictures/alien2.jpg" alt="alien">
    <img id="alien3" width="50" height="50"  src="pictures/alien3.jpg" alt="alien">
    <img id="alien4" width="50" height="50"  src="pictures/alien4.jpg" alt="alien">
	<img id="bullet" width="10" height="30"  src="pictures/bullet.jpg" alt="bullet">
    <div id = "final">
        <h1 id = "line"></h1>
        <a href="main.html"><button id = "Restart">Restart</button></a>
    </div>
    <audio id="lost">
        <source src="loss.wav" type="audio/wav">
    </audio>

    <script src = "app.js"></script>
</body>
</html>