feat: add reversed array

Author: nouman1741

bubble.js

@@ -33,6 +33,7 @@ const bubbleSort = async function () {
 		barsEl.children[sz - i - 1].style.backgroundColor = "green";
 	}
 	document.getElementById("random-array").classList.remove("disabled");
+	document.getElementById("reversed-array").classList.remove("disabled");
 	document.getElementById("size").classList.remove("disabled");
 	document.getElementById("bubble").classList.toggle("active-btn");
 };

insertion.js

@@ -37,6 +37,7 @@ const insertionSort = async function () {
 		barsEl.children[i].style.removeProperty("border-color");
 	}
 	document.getElementById("random-array").classList.remove("disabled");
+	document.getElementById("reversed-array").classList.remove("disabled");
 	document.getElementById("size").classList.remove("disabled");
 	document.getElementById("insertion").classList.toggle("active-btn");
 };

merge.js

@@ -83,6 +83,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("size").classList.remove("disabled");
 	document.getElementById("merge").classList.toggle("active-btn");
 };

quick.js

@@ -91,6 +91,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("size").classList.remove("disabled");
 	document.getElementById("quick").classList.toggle("active-btn");
 };

selection.js

@@ -67,6 +67,7 @@ const selectionSort = async function () {
 		barsEl.children[mxInd].style.borderColor = barDefaultBorderColor;
 	}
 	document.getElementById("random-array").classList.remove("disabled");
+	document.getElementById("reversed-array").classList.remove("disabled");
 	document.getElementById("size").classList.remove("disabled");
 	document.getElementById("selection").classList.toggle("active-btn");
 };

sorting.js

@@ -4,6 +4,7 @@ const barsEl = document.getElementById("bars");
 const sizeSlider = document.getElementById("size");
 // const barsRect = barsEl.getBoundingClientRect();
 const btnRandomArray = document.getElementById("random-array");
+const btnReversedArray = document.getElementById("reversed-array");
 const btnReload = document.getElementById("reload");
 // const barsWidth = barsRect.width;
 // const barsHeight = barsRect.height;
@@ -13,6 +14,14 @@ const barsHeight = barsEl.offsetHeight;
 barsEl.innerHTML = "";
 let bars = [];
 
+const reversedArray = function () {
+	bars = [];
+	for (let i = sizeSlider.value; i > 0; --i) {
+		bars.push(i);
+	}
+	plantArray()
+}
+
 const randomArray = function () {
 	bars = [];
 	for (let i = 0; i < Number(sizeSlider.value); ++i) {
@@ -80,6 +89,7 @@ const tempDisable = function () {
 
 const tempEnable = function () {
 	document.getElementById("random-array").classList.remove("disabled");
+	document.getElementById("reversed-array").classList.remove("disabled");
 	document.getElementById("size").classList.remove("disabled");
 	document.getElementById("bubble").classList.remove("disabled");
 	document.getElementById("merge").classList.remove("disabled");