index.html

<!DOCTYPE html>
<html>
  <head>
    <link rel='stylesheet' type='css' href='styles.css'>
    <link href='lib/bootstrap.min.css' rel='stylesheet'>
    <title>Heap Visualizer</title>
  </head>
  <body>
  <h1>Heap Visualizer</h1>
    <form onsubmit='heap.insert(); return false;'>
      <input id='inputVal' type='text' placeHolder='number'/>
      <input type='submit' value='Insert'>
    </form>
    <br/>
    <form onsubmit='setDelay(); return false;'>
      <input id='delayTime' type='text' placeHolder='milliseconds'/>
      <input type='submit' value='Set Delay Time'>
    </form>
    <br/>
    <button id='remove' onclick='heap.removeMax()'>Remove Max</button>
    <div class='main'>
    </div>
    <script src='lib/d3.min.js'></script>
    <script src='heap.js'></script>
    <script src='visualize.js'></script>
  </body>
</html>