Stuck on my To-Do App.

Question

Hi Community!

I'm creating my own To Do App after learning from Andrews Course in JavaScript.. And I wanted to create it on my own process without replicating his method. I got stuck in Deletion / Removing of an Item.

At first, I was able to Delete the default Item in my list. But my newly added Item cant be removed and so are the items in the Completed list.

Here is a Snapshot of my current progress : http://w.trhou.se/gieezagn82

I will really appreciate your help!

Thanks!

Answer 1 · 2016-10-02T16:00:42Z

October 2, 2016 4:00pm

The delete buttons (except for the first) are missing click event handlers.

Instead of using querySelector to find only the first delete button, you could use querySelectorAll to find them all and then use a loop to assign a click handler to each one:

var allDeleteBtns = document.querySelectorAll("button.delete");
for (deleteBtn of allDeleteBtns)
    deleteBtn.onclick = removeItem;

Then, you just need to be sure each newly created task gets a click handler on its button. In createNewTaskElements, do this when you are assigning the other properties to deleteBtn:

            deleteBtn.onclick = removeItem; //add a click event handler to the button

Welcome to the Treehouse Community

Looking to learn something new?

Owa Aquino

Owa Aquino

Stuck on my To-Do App.

1 Answer

Steven Parker

Steven Parker

The delete buttons (except for the first) are missing click event handlers.

Owa Aquino

Owa Aquino