index.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Sliding Puzzle</title>
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
        <div id="background">
            <h1>SLIDING PUZZLE<br>GAME</h1>
            <div id="gameBoard">
                <div id="s1" class="tile">1</div>
                <div id="s2" class="tile">2</div>
                <div id="s3" class="tile">3</div>
                <div id="s4" class="tile">4</div>
                <div id="s5" class="tile">6</div>
                <div id="s6" class="tile">5</div>
                <div id="s7" class="tile">7</div>
                <div id="s8" class="tile">8</div>
                <div id="s9" class="tile"></div>
            </div>
            <button id="randomize">Randomize</button>
        </div>
        <script src="game.js"></script>
    </body>
</html>