Update index.html

index.html

@@ -172,7 +172,7 @@
         };
 
         const SPRITES = {
-            stand: ['kstand1.png', 'kstand2.png']
+            stand: ['kstand1.png', 'kstand2.png', 'kstand3.png']
         };
 
         class Character {
@@ -275,6 +275,7 @@
                     if (!defender.isBlocking) {
                         defender.health -= SETTINGS.DAMAGE;
                         this.updateHealthBars();
+                        this.checkGameOver();
                     }
                 }, SETTINGS.ATTACK_DELAY);
 
@@ -297,6 +298,7 @@
                     if (!defender.isBlocking) {
                         defender.health -= SETTINGS.SPECIAL_DAMAGE;
                         this.updateHealthBars();
+                        this.checkGameOver();
                     }
                     ultimateEl.remove();
                 }, 300);
@@ -395,9 +397,15 @@
 
             updateHealthBars() {
                 document.getElementById('playerHealthFill').style.width = 
-                    `${(this.player.health/SETTINGS.INITIAL_HEALTH)*100}%`;
+                    `${(this.player.health / SETTINGS.INITIAL_HEALTH) * 100}%`;
                 document.getElementById('enemyHealthFill').style.width = 
-                    `${(this.enemy.health/SETTINGS.INITIAL_HEALTH)*100}%`;
+                    `${(this.enemy.health / SETTINGS.INITIAL_HEALTH) * 100}%`;
+            }
+
+            checkGameOver() {
+                if (this.player.health <= 0 || this.enemy.health <= 0) {
+                    this.endGame();
+                }
             }
 
             startGame() {