change new-array to random-array

...to allow for more array generations

Author: nouman1741

bubble.js

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

index.html

@@ -64,8 +64,8 @@ <h1 class="h1" style="color: #183024;">Rotate Your Phone </h1>
 						<label for="speed" style="color: #395144;">Speed</label>
 					</div>
 					<div>
-						<button class="btn btn-sm btn-clr" id="new-array" type="button">
-							New Array
+						<button class="btn btn-sm btn-clr" id="random-array" type="button">
+							Random Array
 						</button>
 					</div>
 					<div>

insertion.js

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

merge.js

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

quick.js

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

selection.js

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

sorting.js

@@ -3,7 +3,7 @@
 const barsEl = document.getElementById("bars");
 const sizeSlider = document.getElementById("size");
 // const barsRect = barsEl.getBoundingClientRect();
-const btnNewArray = document.getElementById("new-array");
+const btnRandomArray = document.getElementById("random-array");
 const btnReload = document.getElementById("reload");
 // const barsWidth = barsRect.width;
 // const barsHeight = barsRect.height;
@@ -13,7 +13,7 @@ const barsHeight = barsEl.offsetHeight;
 barsEl.innerHTML = "";
 let bars = [];
 
-const newArray = function () {
+const randomArray = function () {
 	tempEnable();
 	barsEl.innerHTML = "";
 	bars = [];
@@ -65,7 +65,7 @@ const swap = function (bar1, bar2) {
 };
 
 const tempDisable = function () {
-	document.getElementById("new-array").classList.add("disabled");
+	document.getElementById("random-array").classList.add("disabled");
 	document.getElementById("size").classList.add("disabled");
 	document.getElementById("bubble").classList.add("disabled");
 	document.getElementById("merge").classList.add("disabled");
@@ -75,7 +75,7 @@ const tempDisable = function () {
 };
 
 const tempEnable = function () {
-	document.getElementById("new-array").classList.remove("disabled");
+	document.getElementById("random-array").classList.remove("disabled");
 	document.getElementById("size").classList.remove("disabled");
 	document.getElementById("bubble").classList.remove("disabled");
 	document.getElementById("merge").classList.remove("disabled");
@@ -84,5 +84,5 @@ const tempEnable = function () {
 	document.getElementById("selection").classList.remove("disabled");
 };
 
-btnNewArray.addEventListener("click", newArray);
+btnRandomArray.addEventListener("click", randomArray);
 btnReload.addEventListener("click", () => location.reload());