added lesson 7 code

Shaun Pelling · Shaun Pelling · commit 2588e455bd11 · 2017-03-27T16:26:03.000+01:00
diff --git a/app.js b/app.js
@@ -1,23 +1,14 @@
 new Vue({
     el: '#vue-app',
     data: {
-        age: 25,
-        x: 0,
-        y: 0
+
     },
     methods: {
-        add: function(inc){
-            this.age += inc;
+        logName: function(){
+            console.log('you entered your name');
         },
-        subtract: function(dec){
-            this.age -= dec;
-        },
-        updateXY: function(event){
-            this.x = event.offsetX;
-            this.y = event.offsetY;
-        },
-        click: function(){
-            alert('you clicked me');
+        logAge: function(){
+            console.log('you entered your age');
         }
     }
 });
diff --git a/index.html b/index.html
@@ -8,14 +8,11 @@
     </head>
     <body>
         <div id="vue-app">
-            <h1>Events</h1>
-            <button v-on:click.once="add(1)">Add a Year</button>
-            <button v-on:click="subtract(1)">Subtract a Year</button>
-            <button v-on:dblclick="add(10)">Add 10 Years</button>
-            <button v-on:dblclick="subtract(10)">Subtract 10 Years</button>
-            <p>My age is {{age}}</p>
-            <div id="canvas" v-on:mousemove.capture="updateXY">{{ x }} , {{ y }}</div>
-            <p><a v-on:click.prevent="click" href="http://www.thenetninja.co.uk">The Net Ninja</a></p>
+            <h1>Keyboard Events</h1>
+            <label>Name:</label>
+            <input type="text" v-on:keyup.enter="logName" />
+            <label>Age:</label>
+            <input type="text" v-on:keyup.alt.enter="logAge" />
         </div>
     </body>
 
