completed fightingGame by following steps

deep100x · deep100x · commit 08dd1169d603 · 2024-01-26T21:03:04.000+05:30
diff --git a/projects/fightinggame/index.html b/projects/fightinggame/index.html
@@ -73,7 +73,6 @@ <h3>L:</h3>
 		<audio id="victory" controls style="display: none">
 			<source src="sounds/victory.mp3" type="audio/mpeg" />
 		</audio>
-
-		<script src="script.js"></script>
+		<script src="./script.js"></script>
 	</body>
 </html>
diff --git a/projects/fightinggame/script.js b/projects/fightinggame/script.js
@@ -37,6 +37,8 @@ const updateGame = (p1,p2,gameState) => {
     {
         game.isOver = true
         gameState = game.isOver
+        resultDiv.innerText = game.declareWinner(game.isOver,p1,p2)
+        return gameState
     }
 }
 
@@ -55,24 +57,31 @@ class Player {
     strike (player,enemy,attackDmg) {
 
         // Get random number between 1 - 10 and that is damageAmount
-
+        let damageAmount = Math.ceil(Math.random() * attackDmg)
         // Subtract the enemy health with the damageAmount
-
-        //  Update the game and DOM with updateGame()
-
+        enemy.health -= damageAmount
+        //  Update the game and DOM with updateGame
+        updateGame(p1,p2,gameState)
         //  Return a message of 'player name attacks enemy name for damageAmount'
-
+        return `${ player.name } attacks ${ enemy.name } for ${ damageAmount }`
     }
     // ** Heal the player for random number from  1 to 5 **
     heal (player) {
 
         // Get random number between 1 - 5 and store that in hpAmount
+        let hpAmount = Math.ceil(Math.random() * 5)
 
         // Add hpAmount to players health
+        if (player.health < 100)
+        {
+            player.health += hpAmount
+        }
 
         //  Update the game and DOM with updateGame()
+        updateGame(p1,p2,gameState)
 
         //  Return a message of 'player name heals for hpAmount HP'
+        return `${ player.name } heals for ${ hpAmount } HP!`
 
     }
 }
@@ -87,34 +96,55 @@ class Game {
 
     // ** If the game is over and a player has 0 health declare the winner! **
     declareWinner (isOver,p1,p2) {
-
+        let message
         // Create a message variable that will hold a message based on the condition
-
         // If isOver is true AND p1 health is <= 0 then update message variable  to 'p1 WINS!'
+        if (isOver == true && p1.health <= 0)
+        {
+            message = `${ p2.name } WINS!`
+        }
 
         // Else if isOver is true AND p2 health is <= 0 then update message variable  to 'p2 WINS!'
+        else if (isOver == true && p2.health <= 0)
+        {
+            message = `${ p1.name } WINS!`
+        }
+        console.log(isOver,p1.health,p2.health);
+
         // Play victory sound
+        document.getElementById('victory').play()
 
         // Return message variable 
+        return message
 
     }
 
     // ** Reset the players health back to it's original state and isOver to FALSE **
     reset (p1,p2) {
         // set p1 health and p2 health back to 100 and isOver back to false and clear resultDiv.innerText and don't forget to updateGame()
+        p1.health = 100
+        p2.health = 100
+        this.isOver = false
+        resultDiv.innerText = ""
+        updateGame(p1,p2)
 
     }
 
     // ** Simulates the whole match untill one player runs out of health **
     play (p1,p2) {
         // Reset to make sure player health is back to full before starting
-
+        this.reset(p1,p2)
         // Make sure the players take turns untill isOver is TRUE
         while (!this.isOver)
         {
             //Make sure both players get strike() and heal() once each loop
+            p1.strike(p1,p2,p1.attackDmg)
+            p2.heal(p2)
+            p2.strike(p2,p1,p2.attackDmg)
+            p1.heal(p1)
         }
         // Once isOver is TRUE run the declareWinner() method 
+        return this.declareWinner(this.isOver,p1,p2)
 
     }
 
@@ -133,13 +163,15 @@ let p2 = player2
 let game = new Game()
 
 // ** Intialize the game by calling updateGame() **
-updateGame(p1,p2,game.isOver)
+updateGame(p1,p2)
 
 // ** Save intial isOver from the game object inside this variable **
-let gameState;
-
+let gameState = game.isOver
 
 // ** Add a click listener to the simulate button that runs the play() method on click and pass in the players **
+play.onclick = () => {
+    resultDiv.innerText = game.play(p1,p2)
+}
 
 
 // Add functionality where players can press a button to attack OR heal
@@ -153,18 +185,17 @@ document.addEventListener('keydown',function (e) {
         // After striking then play attack sound
         document.getElementById('p1attack').play()
     }
-
 });
 
 document.addEventListener('keydown',function (e) {
 
     // if you press a AND the player health is greater than 0 AND isOver is still false then strike()
     if (e.key == "a" && p2.health > 0)
     {
+        p1.heal(p1)
         // After healing then play heal sound
         document.getElementById('p1heal').play()
     }
-
 });
 
 // ** Player 2 Controls **
@@ -177,7 +208,6 @@ document.addEventListener('keydown',function (e) {
         // After striking then play attack sound
         document.getElementById('p2attack').play()
     }
-
 });
 
 document.addEventListener('keydown',function (e) {
@@ -188,6 +218,5 @@ document.addEventListener('keydown',function (e) {
         player2.heal(p2)
         document.getElementById('p2heal').play()
     }
-
 });
 
