-
Notifications
You must be signed in to change notification settings - Fork 28
/
sort.html
157 lines (142 loc) · 6.31 KB
/
sort.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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Sorting</title>
<!-- Page icon -->
<link rel="icon" href="./src/assets/favicon.png">
<link rel="stylesheet" href="src/home/css/style.css" />
<link rel="stylesheet" href="src/search/css/style.css" />
<script src="https://use.fontawesome.com/7ade57373d.js"></script>
<link rel="stylesheet" href="src/sort/css/style.css" />
<link rel="stylesheet" href="src/home/css/morebutton.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
</head>
<body>
<header>
<div id="header-inner">
<a href="#" id="logo"></a>
<a class="navbar-brand1" rel="home" href="#" title="Structurex">
<img src="src/assets/nlogo.png" class="main-logo">
<href="#" class="name">Structurex</a>
<div class="container1 blue" id="navbarNav">
<!-- ------HAMBURGER MENU -------->
<!-- -----------NEW CHANGES----------- -->
<i class="fas fa-2x fa-bars" style="color:white;display: none;" onclick="display();"></i>
<ul class="heck" id="heck">
<a href="index.html" class="link">Home</a>
<a href="sort.html" class="link">Sorting</a>
<a href="search.html" class="link">Searching</a>
<a href="./Path Finding/index.html" class="link">Path Finding</a>
<a href="tree.html" class="link" class="link">Graph</a>
<div class="dropdown">
<button onclick="show_hide()" class="Morebutton" > MORE</button>
<center>
<div id="list-items">
<!-- Add more list items here if required -->
<a href="seiveErato.html" target="_blank">Sieve Of Eratosthenes</a>
</div>
</center>
</div>
</ul>
</div>
</div>
</header>
<section>
<div id="array_container"></div>
</section>
<section>
<div id="array_container2">
<button class="b1" onclick="sorting(1)">Bubble Sort</button>
<button class="b1" onclick="sorting(2)">Insertion Sort</button>
<button class="b1" onclick="sorting(3)">Selection Sort</button>
<button class="b1" onclick="sorting(4)">Merge Sort</button>
<button class="b1" onclick="sorting(5)">Quick Sort</button>
<button class="b1" onclick="sorting(6)">Heap Sort</button>
</div>
</section>
<section>
<div id="array_container3">
<label for="values">Number of values:</label>
<select name="values" id="values" onchange="changeN()">
<option value="10" >10</option>
<option value="20">20</option>
<option value="50" selected>50</option>
<option value="100">100</option>
</select>
<label for="speed">Speed:</label>
<select name="speed" id="speed" onchange="changeSpeed()">
<option value="8">0.5x</option>
<option value="4" selected>1x</option>
<option value="3">1.5x</option>
<option value="2">2x</option>
<option value="1">4x</option>
</select>
</div>
</section>
<!-- Footer -->
<footer>
<div class="main-content">
<div class="left box">
<h2>About Us</h2>
<div class="content">
<p>Structurex is an online platform that visualizes algorithms,
making Data Structure and Algorithm <br>more easy to learn and understand.
</p>
<div class="links">
<a href="#"><i class="fab fa-linkedin-in"></i></a>
<a href="#"><i class="fab fa-github"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-medium-m"></i></a>
</div>
</div>
</div>
<div class="address box">
<h2>Address</h2>
<div class="content">
<div class="place">
<i class="fas fa-map-marker-alt"></i>
<span class="text">Kanpur,Uttar Pradesh</span>
</div>
<div class="email">
<i class="fas fa-envelope"></i>
<span class="email">akshitadixit.int@gmail.com</span>
</div>
</div>
</div>
<div class="right box">
<h2>Contact Us</h2>
<form action="#">
<div class="email">
<div class="text">Email</div>
<input type="email" required>
</div>
<div class="msg">
<div class="text">Message</div>
<textarea name="" id="" cols="25" rows="2" required></textarea>
</div>
<div class="btn">
<button type="submit">Submit</button>
</div>
</form>
</div>
</div>
</div>
<div class="footer-bottom">
<center>
<h4 class="credits">© AkshitaDixit 2021. All Rights Reserved.</h4>
</center>
</div>
</footer>
<script src="src/sort/js/index.js"></script>
<script src="src/sort/js/heapSort.js"></script>
<script src="src/sort/js/selectionSort.js"></script>
<script src="src/sort/js/insertionSort.js"></script>
<script src="src/sort/js/mergeSort.js"></script>
<script src="src/sort/js/quickSort.js"></script>
<script src="src/sort/js/bubbleSort.js"></script>
<!-- script for more button on the top -->
<script src="src/home/js/morebutton.js"></script>
</body>
</html>