index.html

<!DOCTYPE html>
<html>
    <head>
        <title>MineSweeperJS</title>
        <script src="script.js" defer type="module"></script>
        <style>
          .inline-block {
            display:inline-block;
            position: absolute;
            margin-left: 160px;
          }
          .sidebar {
            position:absolute;
            width:150px;
            overflow-wrap: break-word;
            padding: 0%;
            margin:0%;
            font-size: 16px;
            background-color: cadetblue;
          }
        </style>
    </head>
    <body>
        <div class="sidebar">
          <button type="button" id="enable-ai">Enable AI</button>
          <label for="interval" id="interval-text" hidden>AI Interval</label>
          <input type="range" id="interval" name="points" min="1" max="1000" hidden>
          <br><a id="coord">X,Y</a>
          <br><a id="log">Loading...</a>
        </div>
        <canvas class="inline-block" height="1" width="1">Enable canvas bruh</canvas>
    </body>
</html>