From 0621ca7155137e0039ae850c8e4beaf0e5920fe0 Mon Sep 17 00:00:00 2001 From: Liam Simmons Date: Wed, 15 May 2024 11:46:47 -0400 Subject: [PATCH] Add ability to add and remobe items from todo list --- src/index.js | 21 +++++++++++++++++++-- 1 file changed, 19 insertions(+), 2 deletions(-) diff --git a/src/index.js b/src/index.js index 08c71b311..bf4edf064 100644 --- a/src/index.js +++ b/src/index.js @@ -1,3 +1,20 @@ document.addEventListener("DOMContentLoaded", () => { - // your code here -}); + let form = document.getElementById('create-task-form') + form.addEventListener('submit', event => { + event.preventDefault() + handleToDo(); + +}) +}) + +function handleToDo() { + let searchBoxValue = document.getElementById("new-task-description").value + let listItem = document.createElement('li') + let deleteBtn = document.createElement('button') + listItem.textContent = searchBoxValue + deleteBtn.textContent = ' X ' + document.getElementById("tasks").appendChild(listItem).appendChild(deleteBtn) + + deleteBtn.addEventListener('click', () => listItem.remove()) +} +