lesson 24: event modifiers the obvious way

basics-03-events-starting-code/app.js

@@ -6,6 +6,10 @@ const app = Vue.createApp({
         };
     },
     methods: {
+        submitForm(event) {
+            event.preventDefault();
+            alert("Submitted");
+        },
         setName(event, lastName) {
             this.name = event.target.value + " " + lastName;
         },

basics-03-events-starting-code/index.html

@@ -22,6 +22,7 @@
         <p>Result: {{ counter }}</p>
         <input type="text" v-on:input="setName($event, 'SomeOtherINput')">
         <p>Your Name: {{name}}</p>
+        <form v-on:submit="submitForm"><input type="text"><button>Sign Up</button></form>
     </section>
 </body>