Merge branch 'main' into sound

index.html

@@ -28,7 +28,6 @@
 		<button class="req1">Cancel</button>
 		<button class="req2" style="background-color: rgb(0, 200, 255);">Allow</button>
 	</div>
-
 	<div class="settings">
 		<video autoplay muted class="video" loop id="myVideo">
 			<source src="/assets/videos/1.mp4" type="video/mp4" />

js/validation.js

@@ -1,6 +1,4 @@
 document.addEventListener("DOMContentLoaded", () => {
-	const rowsInput = document.getElementById("rows");
-	const columnsInput = document.getElementById("columns");
 	const playersInput = document.getElementById("players-count");
 	const startBtn = document.querySelector(".start-btn");
 	const validationMessage = document.getElementById("validation-message");
@@ -19,21 +17,19 @@ document.addEventListener("DOMContentLoaded", () => {
 	};
 
 	const validateAllInputs = () => {
-		const invalidRows = !validateInput(rowsInput, 5, 30);
-		const invalidColumns = !validateInput(columnsInput, 5, 30);
 		const invalidPlayers = !validateInput(playersInput, 2, 6);
 
-		if (invalidRows || invalidColumns || invalidPlayers) {
+		if (invalidPlayers) {
 			startBtn.disabled = true;
+			startBtn.classList.add("disabled");
 			showValidationMessage(true);
 		} else {
 			startBtn.disabled = false;
+			startBtn.classList.remove("disabled");
 			showValidationMessage(false);
 		}
 	};
 
-	rowsInput.addEventListener("input", validateAllInputs);
-	columnsInput.addEventListener("input", validateAllInputs);
 	playersInput.addEventListener("input", validateAllInputs);
 
 	startBtn.addEventListener("click", (event) => {
@@ -43,5 +39,6 @@ document.addEventListener("DOMContentLoaded", () => {
 	});
 
 	// Initial validation
+
 	validateAllInputs();
 });