Nebucatnetzer
/
vuejs_course
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

hide the controls if the game is finished

This commit is contained in:
Andreas Zweili 2021-01-22 20:05:44 +01:00
parent f61cd7af9f
commit b8850474a8
1 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
prj-monster-01-starting-setup/index.html
View File

@ -22,6 +22,12 @@
<div class="healthbar__value" :style="monsterBarStyles"></div>
</div>
</section>
<section id="player" class="container">
<h2>Your Health</h2>
<div class="healthbar">
<div class="healthbar__value" :style="playerBarStyles"></div>
</div>
</section>
<section v-if="winner" class="container">
<h2>Game Over!</h2>
<h3 v-if="monsterWon">You lost!</h3>
@ -29,13 +35,7 @@
<h3 v-if="draw">It's a draw'!</h3>
<button @click="restartGame">Start a new game</button>
</section>
<section id="player" class="container">
<h2>Your Health</h2>
<div class="healthbar">
<div class="healthbar__value" :style="playerBarStyles"></div>
</div>
</section>
<section id="controls">
<section id="controls" v-else>
<button @click="attackMonster">ATTACK</button>
<button :disabled="specialAttackAllowed" @click="specialAttackMonster">SPECIAL ATTACK</button>
<button @click="healPlayer">HEAL</button>