Merge pull request #702 from hars-21/surrender

Surrender Button added

js/game.js

@@ -312,6 +312,26 @@ class Game {
 			this.invokeEvent("playerSwitch");
 		}
 	}
+
+	surrender() {
+		if (confirm("Are you sure you want to surrender?")) {
+			this.players.splice(this.currentPlayerIndex, 1);
+
+			if (this.currentPlayerIndex >= this.players.length) {
+				this.currentPlayerIndex = 0;
+			}
+
+			this.currentPlayer = this.players[this.currentPlayerIndex];
+
+			this.addPlayersUI();
+			this.updatePlayerNameUI();
+			this.updatePlayerScoreUI();
+
+			if (this.players.length == 1) {
+				this.invokeEvent("playerWin");
+			}
+		}
+	}
 }
 
 // Declaring Global Variables
@@ -570,6 +590,12 @@ document.getElementById("setting-btn").addEventListener("click", () => {
 	menu.classList.toggle("menu-open");
 });
 
+// Surrender Button
+const flag = document.getElementById("surrender");
+flag.addEventListener("click", () => {
+	game.surrender();
+});
+
 // Help Button
 const help = document.getElementById("help");
 help.addEventListener("click", () => {

pages/game.html

@@ -110,9 +110,9 @@ <h2>Settings</h2>
 					<button id="help" class="link-btn">
 						Help <i class="fa-solid fa-circle-question"></i>
 					</button>
-					<!-- <button id="surrender" class="link-btn">
+					<button id="surrender" class="link-btn">
 						Surrender <i class="fa-solid fa-flag"></i>
-					</button> -->
+					</button>
 				</div>
 				<div class="menu-buttons">
 					<div id="restart" class="icon-btn">