Algorithm-Visualizer/index.html at master · thatprakhar/Algorithm-Visualizer · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<html>

<head>
  <link rel="stylesheet" href="style.css" type="text/css">
  <script src="app.js"></script>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
        integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">


</head>

<body>
  <div class="app">
    <nav class="navbar navbar-light bg-light">
      <header>
        <h3>Algorithm Visualizer</h3>
      </header>
      <div id="options">
        <button onclick="bubbleSort()" class="btn btn-info">
          Bubble Sort
        </button>
        <button onclick="selectionSort()" class="btn btn-info">
          Selection Sort
        </button>
        <button onclick="insertionSort()" class="btn btn-info">
          Insertion Sort
        </button>
        <!--<button onclick="mergeSort()" class="btn btn-info">
          Merge Sort
        </button>-->
        <input id="num" type="range" min="5" max="500" placeholder="enter num of elements" default="250"
          onchange="updateVal()" required />
        <p id="num-val"> 250</p>
      </div>
    </nav>

    <div>
      <canvas id="canvas" width="1000" height="500">
    </div>
    </main>
  </div>


</body>

</html>