From 8a9e49ace1c27bbadef290710a9ed70e2d7d3f6c Mon Sep 17 00:00:00 2001
From: Andreas Zweili <andreas@2li.ch>
Date: Fri, 22 Jan 2021 20:36:16 +0100
Subject: [PATCH] update the HTML to match the solution

---
 prj-monster-01-starting-setup/index.html | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/prj-monster-01-starting-setup/index.html b/prj-monster-01-starting-setup/index.html
index 8a816b7..8ee44b0 100644
--- a/prj-monster-01-starting-setup/index.html
+++ b/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>