"use strict";

Vue.createApp({
    data() {
        return {
            goals: [],
            enteredValue: "",
        };
    },
    methods: {
        addGoal() {
            if (this.enteredValue !== "") {
                this.goals.push(this.enteredValue);
            }
            this.enteredValue = "";
        },
    },
}).mount("#app");

// const buttonEl = document.querySelector("button");
// const inputEl = document.querySelector("input");
// const listEl = document.querySelector("ul");

// function addGoal() {
//     const enteredValue = inputEl.value;
//     const listItemEl = document.createElement("li");
//     listItemEl.textContent = enteredValue;
//     listEl.appendChild(listItemEl);
//     inputEl.value = "";
// }

// buttonEl.addEventListener("click", addGoal);