-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
35 lines (35 loc) · 1.81 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
32
33
34
35
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="favicon.ico" type="image/x-icon" sizes="16x16">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="style.css">
<title>Sorting Algorithms</title>
</head>
<body>
<div class="nav">
<p onclick="arraySizeSilder(document.getElementsByClassName('slider')[0].value)">Generate New Array</p>
<p onclick="changeAlgorithm(0)" class="order">BubbleSort</p>
<p onclick="changeAlgorithm(1)" class="order">MergeSort</p>
<p onclick="changeAlgorithm(2)" class="order">QuickSort</p>
<p onclick="changeAlgorithm(3)" class="order">HeapSort</p>
<p onclick="changeAlgorithm(4)" class="order active">RadixSort</p>
</div>
<div class="content">
<canvas id="can0" width="1080" height="520"></canvas>
<p class="sizeNspeed">Size: </p>
<input autocomplete="off" type="range" min="2" max="7" value="4" class="slider" oninput="arraySizeSilder(this.value)">
<p onclick="turnOnOff(true)" class="btn" id="btn1"><i class="fa fa-play" id="playToggler"></i></p>
<div onclick="toggleRainbow()" class="btn" id="rainbowSelect">
<p id="rainbowSelectParagraph" class="noselect"> </p>
</div>
<p class="sizeNspeed">Speed: </p>
<input autocomplete="off" type="range" min="1" max="4" value="1" class="slider" oninput="frameRateSilder(this.value)">
</div>
<script src="script.js"></script>
<script src="mainScript.js"></script>
<script src="rainbow.js"></script>
</body>
</html>