diff --git a/basics-03-events-starting-code/app.js b/basics-03-events-starting-code/app.js
index 0143165..5a87e3b 100644
--- a/basics-03-events-starting-code/app.js
+++ b/basics-03-events-starting-code/app.js
@@ -4,6 +4,14 @@ const app = Vue.createApp({
             counter: 0,
         };
     },
+    methods: {
+        increaseCounter() {
+            this.counter++;
+        },
+        decreaseCounter() {
+            this.counter--;
+        },
+    },
 });
 
 app.mount("#events");
diff --git a/basics-03-events-starting-code/index.html b/basics-03-events-starting-code/index.html
index e9cf80d..0e73c33 100644
--- a/basics-03-events-starting-code/index.html
+++ b/basics-03-events-starting-code/index.html
@@ -17,8 +17,8 @@
     </header>
     <section id="events">
         <h2>Events in Action</h2>
-        <button v-on:click="counter++">Add</button>
-        <button v-on:click="counter--">Reduce</button>
+        <button v-on:click="increaseCounter">Add</button>
+        <button v-on:click="decreaseCounter">Reduce</button>
         <p>Result: {{ counter }}</p>
     </section>
 </body>