Show sourcecode

The following files exists in this folder. Click to view.

public_html/gamla-kurser/webbutv2/projekt/snake_br/

assets/
audio/
css/
js/
snake.html

`snake.html`

58 lines UTF-8 Windows (CRLF)

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
47
48
49
50
51
52
53
54
55
56
57
58


<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8" />

  <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  <title>JavaScript Snake</title>

  <link rel="stylesheet" href="./css/snake.css" />

</head>

<body>

  <audio id="musicPlayer" src="./audio/music.mp3"></audio>

  <div class="game-container">

    <div class="left-column">

      <div id="scoreBoard">

        <h4>Highscore:</h4>

        <h3>SCORE HERE</h3>

      </div>



      <div id="leftSide">

        <!-- Cookie Clicker Game -->

        <div id="cookieGame">

          <h3>Cookie Clicker</h3>

          <p>Cookies: <span id="cookieCount">0</span></p>

          <img src="https://pngimg.com/d/cookie_PNG13656.png" id="cookieButton" alt="Cookie" width="100" height="100">

          <div id="cookieUpgrades">

            <button id="autoClickerBtn" disabled>Auto Clicker (10 cookies)</button>

          </div>

        </div>



        <div id="fidgetSpinnerGame">

          <h3>Fidget Spinner</h3>

          <img src="https://upload.wikimedia.org/wikipedia/commons/7/72/Yellow_Fidget_Spinner.png" id="fidgetSpinner" alt="Fidget Spinner" width="100" height="100">

          <p>Press SPACE to spin</p>

        </div>

        <video src="./assets/Family Guy Best Moments .mp4" width="350px" autoplay muted loop>FAMILY GUY</video>

      </div>

    </div>



    <div class="header">

      <h2>JavaScript Snake</h2>

      <h4 id="levelText">Current level: Forest</h4>

    </div>



    <div class="board-container">

      <canvas id="board"></canvas>

    </div>



    <div class="controls">

      <button id="startButton">Start</button>

      <button id="musicButton">🔊</button>

      <img src="https://i.makeagif.com/media/11-27-2023/Uii6jU.gif" width="200px" height="350px" alt="subrwayen">

    </div>

  </div>



  <script src="./js/snake.js"></script>

  <script src="./js/cookie-clicker.js"></script>

  <script src="./js/fidget-spinner.js"></script>

</body>

</html>