hide the controls if the game is finished
This commit is contained in:
parent
f61cd7af9f
commit
b8850474a8
|
@ -22,6 +22,12 @@
|
||||||
<div class="healthbar__value" :style="monsterBarStyles"></div>
|
<div class="healthbar__value" :style="monsterBarStyles"></div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</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">
|
<section v-if="winner" class="container">
|
||||||
<h2>Game Over!</h2>
|
<h2>Game Over!</h2>
|
||||||
<h3 v-if="monsterWon">You lost!</h3>
|
<h3 v-if="monsterWon">You lost!</h3>
|
||||||
|
@ -29,13 +35,7 @@
|
||||||
<h3 v-if="draw">It's a draw'!</h3>
|
<h3 v-if="draw">It's a draw'!</h3>
|
||||||
<button @click="restartGame">Start a new game</button>
|
<button @click="restartGame">Start a new game</button>
|
||||||
</section>
|
</section>
|
||||||
<section id="player" class="container">
|
<section id="controls" v-else>
|
||||||
<h2>Your Health</h2>
|
|
||||||
<div class="healthbar">
|
|
||||||
<div class="healthbar__value" :style="playerBarStyles"></div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<section id="controls">
|
|
||||||
<button @click="attackMonster">ATTACK</button>
|
<button @click="attackMonster">ATTACK</button>
|
||||||
<button :disabled="specialAttackAllowed" @click="specialAttackMonster">SPECIAL ATTACK</button>
|
<button :disabled="specialAttackAllowed" @click="specialAttackMonster">SPECIAL ATTACK</button>
|
||||||
<button @click="healPlayer">HEAL</button>
|
<button @click="healPlayer">HEAL</button>
|
||||||
|
|
Reference in New Issue