update the HTML to match the solution

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

@@ -45,7 +45,15 @@
             <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>