Merge pull request #3827 from meetarora10/tie-branch

Display the number of ties in rock paper scissors game.
kunjgit · May 28, 2024 · c402565 · c402565
2 parents d0f0576 + e260709
commit c402565
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 0 deletions.
diff --git a/Games/Rock_Paper_Scissors/index.html b/Games/Rock_Paper_Scissors/index.html
@@ -22,6 +22,7 @@ <h1>Rock Paper Scissors</h1>
         <div id="resultPanel">
             <p id="resultText">Make your move!</p>
             <p id="scoreText">Score: You - 0 | Computer - 0</p>
+            <p id="tieText">Ties: 0</p>
         </div>
         <div id="computerPanel">
             <p>Computer's Choice:</p>

diff --git a/Games/Rock_Paper_Scissors/script.js b/Games/Rock_Paper_Scissors/script.js
@@ -1,6 +1,7 @@
 var choices = ["rock", "paper", "scissors"];
 var userScore = 0;
 var computerScore = 0;
+var tieScore = 0;
 let isAutoPlaying=false;
 let id;
 
@@ -46,12 +47,15 @@ function updateScore(result) {
         userScore++;
     } else if (result === "Computer wins!") {
         computerScore++;
+    }else{
+        tieScore++;
     }
     updateResult();
 
 }
 function updateResult(){
     scoreText.textContent = "Score: You - " + `${userScore}` + " | Computer - " + `${computerScore}`;
+    tieText.textContent = "Ties: "+`${tieScore}`;
 }
 function play(userChoice) {
     var computerChoice = getComputerChoice();

diff --git a/Games/Rock_Paper_Scissors/style.css b/Games/Rock_Paper_Scissors/style.css
@@ -64,6 +64,9 @@ button{
 #scoreText {
     font-size: 18px;
 }
+#tieText{
+    font-size: 18px;
+}
 .btn{
     color: white;
     background: transparent;

diff --git a/assets/images/Rock_Paper_Scissors.png b/assets/images/Rock_Paper_Scissors.png