Selection-Sort-Visualizer/AlgorithmVisualizer.html at master · JoshKim310/Selection-Sort-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
<!DOCTYPE html>
<html lang="en">

<!-- head -->

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge" />

  <!-- title -->
  <title>Selection Sort Visualizer</title>

  <!-- linking style.css -->
  <link href="algovisualizer.css" rel="stylesheet" />
</head>

<!-- body -->

<body>
  <section class="head">Selection Sort Visualizer</section>
  <section class="data-container"></section>

  <!-- "Generate New Array" button -->
  <button class="btn1" onclick="generate()" id="Button1">
    Generate New Array</button>

  <!-- "Selection Sort" button -->
  <button class="btn2" onclick="SelectionSort(),togglebtns()" id="Button2">
    Selection Sort</button>

  <!-- "Stop" button -->
  <button class="btn3" onclick="stop()" id="Button3">
    Stop</button>
</body>

<!-- linking index.js -->
<script src="algovisualizer.js"></script>

</html>