mysweeper.html

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" href="mysweeper.css">
        <script src="mysweeper.js" defer></script>
    </head>

    <body>
        <h1>My Mine Sweeper</h1>

        <label for="diff">Difficulty:</label>
        <select name="difficulty" id="diff">
            <option value=0.1>Easy</option>
            <option value=0.3>Medium</option>
            <option value=0.6>Hard</option>
        </select>
        <label for="size">Size:</label>
        <select name="size" id="size">
            <option value=4>Small</option>
            <option value=6>Medium</option>
            <option value=10>Big</option>
        </select>
        <button id="reset">Reset</button>

        <div id="mines" data-mines=""></div>
        <div id="timer"><label id="minutes">00</label>:<label id="seconds">00</label></div>
        <div id="grid">
        </div>

        <span id="text"></span>
    </body>
</html>