From 12a907e6300ed82345a5570df77aa76c1beb44cd Mon Sep 17 00:00:00 2001
From: Andreas Zweili <andreas@2li.ch>
Date: Fri, 22 Jan 2021 19:50:16 +0100
Subject: [PATCH] add a function to heal the player

---
 prj-monster-01-starting-setup/app.js     | 11 +++++++++--
 prj-monster-01-starting-setup/index.html |  2 +-
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/prj-monster-01-starting-setup/app.js b/prj-monster-01-starting-setup/app.js
index 8aba836..8745c59 100644
--- a/prj-monster-01-starting-setup/app.js
+++ b/prj-monster-01-starting-setup/app.js
@@ -35,12 +35,19 @@ const app = Vue.createApp({
             this.monsterHealth -= getRandomValue(10, 25);
             this.attackPlayer();
         },
+        healPlayer() {
+            this.currentRound++;
+            const healValue = getRandomValue(8, 20);
+            if (this.playerHealth + healValue > 100) {
+                this.playerHealth = 100;
+            } else {
+                this.playerHealth += healValue;
+            }
             this.attackPlayer();
         },
-        healPlayer() {},
         surrender() {},
         attackPlayer() {
-            this.playerHealth -= attackValue(8, 15);
+            this.playerHealth -= getRandomValue(8, 15);
         },
     },
 });
diff --git a/prj-monster-01-starting-setup/index.html b/prj-monster-01-starting-setup/index.html
index 33faed4..5d02080 100644
--- a/prj-monster-01-starting-setup/index.html
+++ b/prj-monster-01-starting-setup/index.html
@@ -31,7 +31,7 @@
         <section id="controls">
             <button @click="attackMonster">ATTACK</button>
             <button :disabled="specialAttackAllowed" @click="specialAttackMonster">SPECIAL ATTACK</button>
-            <button>HEAL</button>
+            <button @click="healPlayer">HEAL</button>
             <button>SURRENDER</button>
         </section>
         <section id="log" class="container">