SortingAlgorithmVisualizer/index.html at master · kevalbhanderi/SortingAlgorithmVisualizer · 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
<!DOCTYPE html>
<html>
    <meta charset="utf-8">
    <head>
        <link rel="stylesheet" href="style.css">
        <script src="https://d3js.org/d3.v4.min.js"></script>
        <link href="https://fonts.googleapis.com/css2?family=Spartan:wght@300&display=swap" rel="stylesheet">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    </head>
    <body>
        <div id="buttons">
            <button id="btn1" onclick="mergeSort()">Merge Sort</button>
            <button id="btn2" onclick="insertionSort()">Insertion Sort</button>
            <button id="btn3" onclick="selectionSort()">Selection Sort</button>
            <button id="btn4" onclick="bubbleSort()">Bubble Sort</button>
            <button onclick="stop = true" style="margin-left:40px">Stop</button>
            <button id="btn5" onclick="reset()">Reset</button>
            <button type="button" onClick="window.location.reload();">Change-Algorithm</button>
            <!--<input type="range" id="bar-numbers" name="range-slider" min="4" value="50" max="80">
            <input type="submit">-->
            <h1 id="text">_Sorting - Visualizer_</h1>
        </div>
        <section>
            <div id="array">
            </div>

        </section>

        <script src="app.js"></script>
        <script src="app2.js"></script>
    </body>
</html>