From 953fd0fb9ecb12f6a014d75810cab45c955fa8aa Mon Sep 17 00:00:00 2001
From: Andreas Zweili <andreas@2li.ch>
Date: Mon, 18 Jan 2021 18:23:34 +0100
Subject: [PATCH] lesson 24: add keyup event

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

diff --git a/basics-03-events-starting-code/app.js b/basics-03-events-starting-code/app.js
index 9c6fb11..d06e4f0 100644
--- a/basics-03-events-starting-code/app.js
+++ b/basics-03-events-starting-code/app.js
@@ -3,9 +3,13 @@ const app = Vue.createApp({
         return {
             counter: 0,
             name: "",
+            confirmedName: "",
         };
     },
     methods: {
+        confirmName() {
+            this.confirmedName = this.name;
+        },
         submitForm() {
             alert("Submitted");
         },
diff --git a/basics-03-events-starting-code/index.html b/basics-03-events-starting-code/index.html
index 611c9c5..5c7f214 100644
--- a/basics-03-events-starting-code/index.html
+++ b/basics-03-events-starting-code/index.html
@@ -20,8 +20,8 @@
         <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($event, 'SomeOtherINput')">
-        <p>Your Name: {{name}}</p>
+        <input type="text" v-on:input="setName($event, 'SomeOtherINput')" v-on:keyup.enter="confirmName" />
+        <p>Your Name: {{ confirmedName }}</p>
         <form v-on:submit.prevent="submitForm"><input type="text"><button>Sign Up</button></form>
     </section>
 </body>