feat: support for already sorted arrays

Author: nouman1741

Diff for: bubble.js

@@ -34,6 +34,7 @@ const bubbleSort = async function () {
 	}
 	document.getElementById("random-array").classList.remove("disabled");
 	document.getElementById("reversed-array").classList.remove("disabled");
+	document.getElementById("sorted-array").classList.remove("disabled");
 	document.getElementById("size").classList.remove("disabled");
 	document.getElementById("bubble").classList.toggle("active-btn");
 };

Diff for: index.html

@@ -73,6 +73,11 @@ <h1 class="h1" style="color: #183024;">Rotate Your Phone </h1>
 							Reversed Array
 						</button>
 					</div>
+					<div>
+						<button class="btn btn-sm btn-clr" id="sorted-array" type="button">
+							Sorted Array
+						</button>
+					</div>
 					<div>
 						<button class="btn btn-sm reload" id="reload">Reload</button>
 					</div>

Diff for: insertion.js

@@ -38,6 +38,7 @@ const insertionSort = async function () {
 	}
 	document.getElementById("random-array").classList.remove("disabled");
 	document.getElementById("reversed-array").classList.remove("disabled");
+	document.getElementById("sorted-array").classList.remove("disabled");
 	document.getElementById("size").classList.remove("disabled");
 	document.getElementById("insertion").classList.toggle("active-btn");
 };

Diff for: merge.js

@@ -84,6 +84,7 @@ const mergeSort = async function () {
 	await mergeS(0, Number(sz - 1)).then(() => doGreen(sz));
 	document.getElementById("random-array").classList.remove("disabled");
 	document.getElementById("reversed-array").classList.remove("disabled");
+	document.getElementById("sorted-array").classList.remove("disabled");
 	document.getElementById("size").classList.remove("disabled");
 	document.getElementById("merge").classList.toggle("active-btn");
 };

Diff for: quick.js

@@ -92,6 +92,7 @@ const quickSort = async function () {
 	await quickS(0, Number(sz - 1)).then(() => doGreen(sz));
 	document.getElementById("random-array").classList.remove("disabled");
 	document.getElementById("reversed-array").classList.remove("disabled");
+	document.getElementById("sorted-array").classList.remove("disabled");
 	document.getElementById("size").classList.remove("disabled");
 	document.getElementById("quick").classList.toggle("active-btn");
 };

Diff for: selection.js

@@ -68,6 +68,7 @@ const selectionSort = async function () {
 	}
 	document.getElementById("random-array").classList.remove("disabled");
 	document.getElementById("reversed-array").classList.remove("disabled");
+	document.getElementById("sorted-array").classList.remove("disabled");
 	document.getElementById("size").classList.remove("disabled");
 	document.getElementById("selection").classList.toggle("active-btn");
 };

Diff for: sorting.js

@@ -5,6 +5,7 @@ const sizeSlider = document.getElementById("size");
 // const barsRect = barsEl.getBoundingClientRect();
 const btnRandomArray = document.getElementById("random-array");
 const btnReversedArray = document.getElementById("reversed-array");
+const btnSortedArray = document.getElementById("sorted-array");
 const btnReload = document.getElementById("reload");
 // const barsWidth = barsRect.width;
 // const barsHeight = barsRect.height;
@@ -14,6 +15,14 @@ const barsHeight = barsEl.offsetHeight;
 barsEl.innerHTML = "";
 let bars = [];
 
+const sortedArray = function () {
+	bars = [];
+	for (let i = 1; i <= sizeSlider.value; ++i) {
+		bars.push(i);
+	}
+	plantArray()
+}
+
 const reversedArray = function () {
 	bars = [];
 	for (let i = sizeSlider.value; i > 0; --i) {
@@ -79,6 +88,7 @@ const swap = function (bar1, bar2) {
 const tempDisable = function () {
 	document.getElementById("random-array").classList.add("disabled");
 	document.getElementById("reversed-array").classList.add("disabled");
+	document.getElementById("sorted-array").classList.add("disabled");
 	document.getElementById("size").classList.add("disabled");
 	document.getElementById("bubble").classList.add("disabled");
 	document.getElementById("merge").classList.add("disabled");
@@ -90,6 +100,7 @@ const tempDisable = function () {
 const tempEnable = function () {
 	document.getElementById("random-array").classList.remove("disabled");
 	document.getElementById("reversed-array").classList.remove("disabled");
+	document.getElementById("sorted-array").classList.remove("disabled");
 	document.getElementById("size").classList.remove("disabled");
 	document.getElementById("bubble").classList.remove("disabled");
 	document.getElementById("merge").classList.remove("disabled");
@@ -100,4 +111,5 @@ const tempEnable = function () {
 
 btnRandomArray.addEventListener("click", randomArray);
 btnReversedArray.addEventListener("click", reversedArray);
+btnSortedArray.addEventListener("click", sortedArray);
 btnReload.addEventListener("click", () => location.reload());