summaryrefslogtreecommitdiff
path: root/graphs/js/todoList/todoList.js
diff options
context:
space:
mode:
authorMartial Simon <msimon_fr@hotmail.com>2025-09-15 01:08:27 +0200
committerMartial Simon <msimon_fr@hotmail.com>2025-09-15 01:08:27 +0200
commitc9b6b9a5ca082fe7c1b6f58d7713f785a9eb6a5c (patch)
tree3e4f42f93c7ae89a364e4d51fff6e5cec4e55fa9 /graphs/js/todoList/todoList.js
add: graphs et rushs
Diffstat (limited to 'graphs/js/todoList/todoList.js')
-rw-r--r--graphs/js/todoList/todoList.js27
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);
+});