From efa2e3cc901d8e30d9c2f0e58201d2f5addc9786 Mon Sep 17 00:00:00 2001 From: Cristiano Magro <cristiano.magro@vola.it> Date: Fri, 27 Dec 2024 01:13:08 +0100 Subject: [PATCH] gestione del log della battaglia --- 04 - monster slayer game/prj-monster-01-starting-setup/index.html | 13 ++++++++++++- 1 files changed, 12 insertions(+), 1 deletions(-) diff --git a/04 - monster slayer game/prj-monster-01-starting-setup/index.html b/04 - monster slayer game/prj-monster-01-starting-setup/index.html index ef89d35..c9b7ac6 100644 --- a/04 - monster slayer game/prj-monster-01-starting-setup/index.html +++ b/04 - monster slayer game/prj-monster-01-starting-setup/index.html @@ -46,7 +46,18 @@ </section> <section id="log" class="container"> <h2>Battle Log</h2> - <ul></ul> + <ul> + <li v-for="logMessage in logMessages"> + <span :class="{'log--player': logMessage.actionBy === 'player' , 'log--monster': logMessage.actionBy === 'monster'}" + >{{logMessage.actionBy === 'player' ? "Player" : 'Monster'}} + </span> + <span v-if="logMessage.actionType === 'heal'" + > heal himself for <span class="log--heal">{{logMessage.actionValue}} </span> + </span> + <span v-else> + attacks and deals <span class="log--damage">{{logMessage.actionValue}}</span></span> + </li> + </ul> </section> </div> </body> -- Gitblit v1.8.0