From 467f1fddb19b278c3e7538ce52fd019164649e17 Mon Sep 17 00:00:00 2001
From: Andreas Zweili <andreas@2li.ch>
Date: Mon, 18 Jan 2021 18:09:41 +0100
Subject: [PATCH] lesson 23: using the native event

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

diff --git a/basics-03-events-starting-code/app.js b/basics-03-events-starting-code/app.js
index 4dd5c82..80e21a3 100644
--- a/basics-03-events-starting-code/app.js
+++ b/basics-03-events-starting-code/app.js
@@ -6,8 +6,8 @@ const app = Vue.createApp({
         };
     },
     methods: {
-        setName(event) {
-            this.name = event.target.value;
+        setName(event, lastName) {
+            this.name = event.target.value + " " + lastName;
         },
         increaseCounter(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 b590f9d..0cc5cea 100644
--- a/basics-03-events-starting-code/index.html
+++ b/basics-03-events-starting-code/index.html
@@ -20,7 +20,7 @@
         <button v-on:click="increaseCounter(10)">Add 10</button>
         <button v-on:click="decreaseCounter(5)">Reduce 5</button>
         <p>Result: {{ counter }}</p>
-        <input type="text" v-on:input="setName">
+        <input type="text" v-on:input="setName($event, 'SomeOtherINput')">
         <p>Your Name: {{name}}</p>
     </section>
 </body>