index.html

<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="utf-8"/>
    <meta name="author" content="Thomas Farineau"/>
    <title>Jeux de Taquin</title>
    <link rel="stylesheet" type="text/css" href="assets/style.css"/>
    <script defer="defer" src="scripts/taquin.js"></script>
</head>
<body class="noto-sans">
<div class="container">
    <header>
        <h1>15-Puzzle Game</h1>
        <div class="theme-switcher"></div>
    </header>
    <section class="options">
        <label>Board Size<input type="number" value="4" id="generateInput"></label>
        <button onclick="generateGameInput('generateInput')">New game</button>
        <button onclick="cheat()">👹 Cheat 👹</button>
    </section>
</div>

<div id="container">
    <div id="game">
    </div>
</div>

<div id="ifVictory">
    <div>
        <h1>You win !</h1>
        <p>You just win a game with size of <span id="size"></span>.</p>
        <label for="generateInputVictory">Board size: </label><input type="number" value="4"
                                                                        id="generateInputVictory">
        <button onclick="generateGameInput('generateInputVictory')">New game</button>
    </div>
</div>
<script src="scripts/theme.js"></script>
</body>
</html>