From bca711b5d5f3bcf3652d10849f695b6941124052 Mon Sep 17 00:00:00 2001
From: Andreas Zweili <andreas@2li.ch>
Date: Mon, 18 Jan 2021 17:58:29 +0100
Subject: [PATCH] lesson 22: add a function parameter

---
 basics-03-events-starting-code/app.js     | 8 ++++----
 basics-03-events-starting-code/index.html | 4 ++--
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/basics-03-events-starting-code/app.js b/basics-03-events-starting-code/app.js
index 5a87e3b..fb34efe 100644
--- a/basics-03-events-starting-code/app.js
+++ b/basics-03-events-starting-code/app.js
@@ -5,11 +5,11 @@ const app = Vue.createApp({
         };
     },
     methods: {
-        increaseCounter() {
-            this.counter++;
+        increaseCounter(inputNumber) {
+            this.counter = this.counter + inputNumber;
         },
-        decreaseCounter() {
-            this.counter--;
+        decreaseCounter(inputNumber) {
+            this.counter = this.counter - inputNumber;
         },
     },
 });
diff --git a/basics-03-events-starting-code/index.html b/basics-03-events-starting-code/index.html
index 0e73c33..3ee05e4 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="increaseCounter">Add</button>
-        <button v-on:click="decreaseCounter">Reduce</button>
+        <button v-on:click="increaseCounter(5)">Add</button>
+        <button v-on:click="decreaseCounter(5)">Reduce</button>
         <p>Result: {{ counter }}</p>
     </section>
 </body>