const input = document.getElementById("textBox");
const addBtn = document.getElementById("addButton");
const list = document.getElementById("todoList");

addBtn.addEventListener("click", () => {
    if (input.value === "") {
        return;
    }

    const todo = document.createElement("li");

    todo.classList.add("todoItem");
    const label = document.createElement("span");

    label.innerHTML = input.value;
    input.value = "";
    label.classList.add("todoText");
    todo.appendChild(label);
    const del = document.createElement("button");

    del.innerHTML = "Delete";
    del.addEventListener("click", () => {
        list.removeChild(todo);
    });
    todo.appendChild(del);
    list.appendChild(todo);
});