sweetswipe-ca2/game.html at main · abhinav0306/sweetswipe-ca2 · 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
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>SweetSwipe-Game</title>
    <link rel="stylesheet" href="game.css">
    <link rel="icon" href="assets/Colorful_Illustrative_Candy_Shop_Logo-removebg-preview.png" type="image/png">

</head>

<body>
    <audio id="bgMusic" loop>
        <source src="assets/gamescreenbgm.mp3" type="audio/mp3">

     </audio>
     <audio id="blast">
        <source src="assets/colour-bomb-created.mp3" type="audio/mp3">
    </audio>
    <!-- making different divs for diffrent section  -->

    <div id="info-screen" class="flex">
        <div id="buttons">

            <img src="assets/icons8-full-screen-48.png" alt="fullscreen" id="fullscreen" height="30px" width="30px">
            <img src="https://imgs.search.brave.com/VsYH_1ohpq6aUhOU3JgfrrfHchDDwtX95YtDbtXNkRA/rs:fit:860:0:0/g:ce/aHR0cHM6Ly9zdGF0/aWMtMDAuaWNvbmR1/Y2suY29tL2Fzc2V0/cy4wMC92b2x1bWUt/bXV0ZS1pY29uLTI1/NngyNTEtdWpvcnBj/eDEucG5n" id="mute" alt="mute" width="20px" height="20px">
        </div>
        <p class="flex" id="nickname"></p>
        <p class="flex samewidth">High Score: <span id="highscore">0</span></p>
        <img src="assets/Colorful_Illustrative_Candy_Shop_Logo-removebg-preview.png" id="logo" alt="logo" width="300px" height="300px" >
        <p class="flex samewidth">Moves Left: <span id="moves">10</span></p>
        <p class="flex samewidth">Your Score: <span id="score"></span></p>


    </div>
    <div id="game-screen">
    </div>
    <div id="target" class="flex">

        <p class="flex">Target: <span id="targetscore"> 999</span></p>
        <img src="assets/girl_imgfinal.png" alt="girl" id="girl">
    </div>

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