diff --git a/prj-monster-01-starting-setup/app.js b/prj-monster-01-starting-setup/app.js
index 2bacfa8..03a5400 100644
--- a/prj-monster-01-starting-setup/app.js
+++ b/prj-monster-01-starting-setup/app.js
@@ -95,7 +95,9 @@ const app = Vue.createApp({
             }
             this.attackPlayer();
         },
-        surrender() {},
+        surrender() {
+            this.winner = "monster";
+        },
         attackPlayer() {
             this.playerHealth -= getRandomValue(8, 15);
         },
diff --git a/prj-monster-01-starting-setup/index.html b/prj-monster-01-starting-setup/index.html
index f04d6b9..aa1924a 100644
--- a/prj-monster-01-starting-setup/index.html
+++ b/prj-monster-01-starting-setup/index.html
@@ -39,7 +39,7 @@
             <button @click="attackMonster">ATTACK</button>
             <button :disabled="specialAttackAllowed" @click="specialAttackMonster">SPECIAL ATTACK</button>
             <button @click="healPlayer">HEAL</button>
-            <button>SURRENDER</button>
+            <button @click="surrender">SURRENDER</button>
         </section>
         <section id="log" class="container">
             <h2>Battle Log</h2>