with Restart button

SadeepaNHerath · Aug 24, 2024 · 205923b · 205923b
1 parent 59c711b
commit 205923b
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 5 deletions.
diff --git a/vsComputer.html b/vsComputer.html
@@ -55,7 +55,9 @@ <h1 class="display-3 text-warning">Tic-tac-toe <br> vs Computer </h1>
                 </tr>
             </table>
         </div>
-
+        <div class="d-flex justify-content-center align-items-center" style="margin: 30px;">
+            <button class="btn btn-outline-primary btn-lg" onclick="btnReloadClick()"> Restart </button>
+        </div>
     </div>
 
     <footer class="mt-auto bg-secondary text-light py-3">

diff --git a/vsComputerApp.js b/vsComputerApp.js
@@ -30,15 +30,15 @@ function computerTurn(){
                 return;
             }, 600);
         }
-        else if(emptyButtons.length == 0){
+        else if(emptyButtons == 0){
             setTimeout(() => {
                 alert("Game Draw!");
                 window.location.reload();
                 return;
             }, 600);
         }
         else{
-            
+
         }
         currentPlayer = currentPlayer === "X" ? "O" : "X";
         player.innerText = "Your Turn";
@@ -51,7 +51,6 @@ function btnClick(event) {
     let clickedButton = event.target;
 
     if (clickedButton.innerText === "") {
-        usedBtns.push(clickedButton.value);
         clickedButton.innerText = "X";
 
         if (
@@ -70,7 +69,7 @@ function btnClick(event) {
                 return;
             }, 600);
         }
-        else if(usedBtns.length == 9){
+        else if(buttonsArray.filter(button => button.innerText === "").length == 0){
             setTimeout(() => {
                 alert("Game Draw!");
                 window.location.reload();
@@ -93,3 +92,8 @@ function btnClick(event) {
 buttons.forEach(button => {
     button.addEventListener('click', btnClick);
 });
+
+function btnReloadClick(){
+    location.reload();
+    return;
+}
diff --git a/vsPerson.html b/vsPerson.html
@@ -56,6 +56,9 @@ <h1 class="display-3 text-warning">Tic-tac-toe <br> 1 Vs 1 </h1>
             </table>
         </div>
 
+        <div class="d-flex justify-content-center align-items-center" style="margin: 30px;">
+            <button class="btn btn-outline-primary btn-lg" onclick="btnReloadClick()"> Restart </button>
+        </div>
     </div>
 
     <footer class="mt-auto bg-secondary text-light py-3">

diff --git a/vsPersonApp.js b/vsPersonApp.js
@@ -52,3 +52,7 @@ buttons.forEach(button => {
     button.addEventListener('click', btnClick);
 });
 
+function btnReloadClick(){
+    location.reload();
+    return;
+}