update the HTML to match the solution
This commit is contained in:
parent
2a507f8728
commit
8a9e49ace1
|
@ -45,7 +45,9 @@
|
||||||
<h2>Battle Log</h2>
|
<h2>Battle Log</h2>
|
||||||
<ul>
|
<ul>
|
||||||
<li v-for="message in battleLog" :key="message">
|
<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>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</section>
|
</section>
|
||||||
|
|
Reference in New Issue