update the HTML to match the solution

prj-monster-01-starting-setup/index.html

@@ -45,7 +45,9 @@
             <h2>Battle Log</h2>
             <ul>
                 <li v-for="message in battleLog" :key="message">
-                    {{ message.actionBy }}, {{ message.actionType }}, {{ message.actionValue }}
+                    <span :class="{'log--player': message.actionBy === 'player', 'log--monster': message.actionBy === 'monster'}">{{ message.actionBy === "player" ? "Player" : "Monster"}}</span>
+                    <span v-if="message.actionType === 'heal'"> heals himself for <span class="log--heal">{{message.actionValue }}</span></span>
+                    <span v-else> does {{ message.value }} <span class="log--damage">{{ message.actionValue}}</span></span>
                 </li>
             </ul>
         </section>