MNG-127 Improve game logs + change font of active player (#36)

src/fightPage/createActivePlayer.ts

@@ -4,7 +4,7 @@ export const createActivePlayer = (gameHandler: GameHandler) => {
   const activePlayerArea = document.querySelector(
     "#active-player-info"
   ) as HTMLDivElement;
-  activePlayerArea.textContent = `${gameHandler.currentPlayer.name} now is your turn. Get the revenge!`;
+  activePlayerArea.innerHTML = `<span>${gameHandler.currentPlayer.name}</span> now is your turn. Get the revenge!`;
   const playerOneUnderlineArea = document.querySelector("#fight-page-player1");
   const playerTwoUnderlineArea = document.querySelector("#fight-page-player2");
   const underlineOne = document.querySelector("#underline1") as HTMLDivElement;

src/fightPage/updateMovesList.ts

@@ -12,9 +12,13 @@ export const updateMovesList = (
   const pokemonName = gameHandler.currentPlayer.getActivePokemon.name;
   const buttonContent = (event.currentTarget as HTMLDivElement).textContent;
   const playerName = gameHandler.currentPlayer.name;
+  const opponentPlayerPokemonName = gameHandler.opponentPlayer.getActivePokemon.name;
   switch (calledFunction) {
     case attack:
       newMoveText.nodeValue = `${playerName}: ${pokemonName} used ${buttonContent}!`;
+      if (!gameHandler.opponentPlayer.getActivePokemon.isAlive()) {
+      newMoveText.nodeValue += ` ${opponentPlayerPokemonName} is defeated!`;
+      }
       break;
     case switchPoke:
       newMoveText.nodeValue = `${playerName} changed Pokemon: ${pokemonName} comes into play!`;

styles/SASS/_fight-view.scss

@@ -62,6 +62,10 @@
     width: 80%;
     font-size: 1.8rem;
     margin: 25px auto;
+
+    span {
+      font-family: 'Pokemon Solid';
+    }
   }
 
   .battleArea {