maze-generation.html

<html>
<head>
    <meta charset="UTF-8">
    <title>Maze Generation</title>
</head>
<style>
    #mazeGame{
        background-color: rgba(0, 0, 0, 1);
    }
</style>
<body>
<div style="display: flex;">
    <canvas id="mazeGame" width="540" height="540" tabindex='1'>
        your browser does not support HTML5 Canvas.
    </canvas>
    <div style="margin-left: 25px;">
        Number of rows:<br> <input type="number" id="rows"> <br>
        Number of Columns:<br> <input type="number" id="cols"> <br>
        <button id="generate_btn">Generate</button>
        <button id="play_btn">Solve Maze</button>
    </div>
</div>

    <script src="maze-generation.js"></script>
</body>
</html>