index.html

<!DOCTYPE HTML>
<html>
<head>
    <script type="text/javascript" src="node_modules/jquery/dist/jquery.min.js"></script>
    <script type="text/javascript" src="utility.js"></script>
    <script type="text/javascript" src="index.js"></script>
    <script type="text/javascript" src="drawing.js"></script>
    <link rel="stylesheet" type="text/css" href="css/index.css"/>
</head>
<body background="background.jpg">
<h1 class="headerText">TrashBot</h1>
<label for="gridSelect" id="labelSelect" class="labelSelect">Grid Size</label>
<Select id="gridSelect" class="selectClass">
    <option value="3">3 x 3</option>
    <option value="6" selected>6 x 6</option>
    <option value="8">8 x 8</option>
    <option value="9">9 x 9</option>
</Select>
<label for="gridSelect" id="algoSelectLabel" class="labelSelect">Algorithm</label>
<Select id="algoSelect" class="selectClass">
    <option value="Brute">BruteForce</option>
    <option value="Greedy" selected>Greedy</option>
</Select>
<button id="runSimulation">Run Simulation</button>
<button id="reset">Reset</button>
<canvas id="myCanvas" width="500" height="500"></canvas>

<div id='log' style='display:none'></div>
</body>
</html>  