index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Simulator</title>
  <link rel="stylesheet" href="css/pretty.css">
</head>
<body>
  <div id="app">
      <div id="canvasAndButtonsWrapper">
        <div id="canvasWrapper">
          <canvas id="canvasBackground" width="640" height="400"></canvas>
          <canvas id="canvasDynamic" width="640" height="400"></canvas>
        </div>

        <div id="buttonsWrapper">
          <button id="startSimButton">Start Simulation</button>
          <button id="clearPathButton">Clear Path</button>
        </div>
      </div>

      <div id="userTools">
        <p id="coordinateIndicator">(0, 0)</p>
        <p id="pathbrushStatusText">Pathbrush Status:</p>
        <p id="pathbrushStatus">Off</p>
        <p id= "mapSelectText">Map Selection:</p>
        <select id="mapSelect"></select>
        <p id= "animationSpeedSelectText">Animation Speed:</p>
        <select id="animationSpeedSelect"></select>
      </div>

      <form id="tractorTrailerSettings"></form>
  </div>

  <script src="js/TractorTrailer.js"></script>
  <script src="js/basicMath.js"></script>
  <script src="js/simulator.js"></script>
</body>
</html>