diff --git a/lists-cond-01-starting-setup/app.js b/lists-cond-01-starting-setup/app.js
index 261c93a..e31cc37 100644
--- a/lists-cond-01-starting-setup/app.js
+++ b/lists-cond-01-starting-setup/app.js
@@ -1,7 +1,15 @@
 const app = Vue.createApp({
-  data() {
-    return { goals: [] };
-  },
+    data() {
+        return {
+            goals: [],
+            enteredGoalValue: "",
+        };
+    },
+    methods: {
+        addGoal() {
+            this.goals.push(this.enteredGoalValue);
+        },
+    },
 });
 
-app.mount('#user-goals');
+app.mount("#user-goals");
diff --git a/lists-cond-01-starting-setup/index.html b/lists-cond-01-starting-setup/index.html
index 6f381a7..bd82567 100644
--- a/lists-cond-01-starting-setup/index.html
+++ b/lists-cond-01-starting-setup/index.html
@@ -1,29 +1,29 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
+
+<head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Vue Basics</title>
-    <link
-      href="https://fonts.googleapis.com/css2?family=Jost:wght@400;700&display=swap"
-      rel="stylesheet"
-    />
+    <link href="https://fonts.googleapis.com/css2?family=Jost:wght@400;700&display=swap" rel="stylesheet" />
     <link rel="stylesheet" href="styles.css" />
     <script src="https://unpkg.com/vue@next" defer></script>
     <script src="app.js" defer></script>
-  </head>
-  <body>
+</head>
+
+<body>
     <header>
-      <h1>Vue Course Goals</h1>
+        <h1>Vue Course Goals</h1>
     </header>
     <section id="user-goals">
-      <h2>My course goals</h2>
-      <input type="text" />
-      <button>Add Goal</button>
-      <p>No goals have been added yet - please start adding some!</p>
-      <ul>
-        <li>Goal</li>
-      </ul>
+        <h2>My course goals</h2>
+        <input type="text" v-model="enteredGoalValue" />
+        <button @click="addGoal">Add Goal</button>
+        <p v-if="goals.length === 0">No goals have been added yet - please start adding some!</p>
+        <ul>
+            <li>Goal</li>
+        </ul>
     </section>
-  </body>
+</body>
+
 </html>
