gameProject/snake.html at main · Daniel1000c/gameProject · 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
47
48
49
<!DOCTYPE html>
<html lang="en-us">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="icon" type="image/x-icon" href="favicon/favicon.ico"><!--Insert Favicon Logo-->
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet"><!--Add Bootstrap css link-->
        <link rel="stylesheet" href="css/style.css">
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script><!--Add bootstrap js-->
        <title>Snake Game</title>
    </head>
    <body>
        <header>
            <h1>Snake Game</h1>
        </header>
        <main>
            <div id="webContainer">
                <!--Create buttons container-->
                <div class="gameControls">
                    <button id="reset">Reset Game</button>
                    <button id="load">Load Game</button>
                    <button id="save">Save Game</button>
                    <button id="pause">Pause Game</button>
                    <button id="resume">Resume Game</button>
                </div>

                <!--Create game score Counter-->
                <p id="score">Score: 0</p>

                <!--Create game canvas-->
                <canvas id="gameBoard" width="500" height="500"></canvas>

                <!--Create buttons container-->
                <div class="btnContainer">

                    <!--Home Button-->
                    <a href="index.html">Home</a>

                    <!--Leaderboard Button-->
                    <a href="leaderboard.html">Score</a>
                </div>
            </div>
        </main>
        <footer>
            &copy; 2025 Snake
        </footer>
       <script src="scripts/script.js"></script>
    </body>
</html>