-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
31 lines (26 loc) · 1.25 KB
/
index.html
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
<!DOCTYPE html>
<html lang = "en">
<head>
<link rel="icon" href="Images/symbol2.jpg" type="image/icon">
<title> Sorting Visualizer </title>
<link rel = "stylesheet" href="CSS/style.css">
</head>
<body>
<div id = "container">
<h1> Sorting Visualizer</h1>
<ul>
<li><button class="button" id="newArray">Generate New Array</button></li>
<li><span class="inputSpan"> Speed <input id ="speed_input" type="range" min="20" max ="320" step ="10" value="170"> </span></li>
<li><span class="inputSpan">Size <input id="size_input" type="range" min="10" max = "110" step= "10" value = "55"></span></li>
<li><button id = "bubbleSort" class="button">Bubble Sort</button></li>
<li><button id = "mergeSort" class="button">Merge Sort</button></li>
<li><button id = "quickSort" class="button">Quick Sort</button></li>
</ul>
<div id="bars" class="bar"></div>
</div>
<script src="JS/sorting.js"></script>
<script src="JS/bubbleSort.js"></script>
<script src="JS/mergeSort.js"></script>
<script src="JS/quickSort.js"></script>
</body>
</html>