1 files changed, 27 insertions, 0 deletions
diff --git a/graphs/js/todoList/todoList.js b/graphs/js/todoList/todoList.js
new file mode 100644
index 0000000..34b2edf
--- /dev/null
+++ b/graphs/js/todoList/todoList.js
@@ -0,0 +1,27 @@
+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);
+});