To Do App Question

Question

This is from the to do app intermediate course done with JS only.  The pen can be viewed here: http://codepen.io/bluehabit/pen/adBEjr
My question is what within the code is specifically targeting the edit and delete buttons for the tasks? The other buttons are stored within variables for instance:
javascript
var taskInput = document.getElementById('new-task');//new-task
var addButton = document.getElementsByTagName('button')[0]; //first button 'add'

These variables are then later used in functions. 
However, with the edit and delete buttons, I do not see any variables, all I see are functions such as:
```javascript
var deleteTask = function() {
  console.log("Delete task...");
  var listItem = this.parentNode;
  var ul = listItem.parentNode;
  //Remove the parent list item from the ul
  ul.removeChild(listItem);
}
```
How is this program specifically targeting the edit and delete buttons?

Amber Cyr · Accepted Answer

If you look at line 126 in your CodePen code, you wrote
```javascript
 deleteButton.onclick = deleteTask;
```
which hooks the deleteTask function to the deleteButton, so the code inside deleteTask will run when the deleteButton is clicked.

Welcome to the Treehouse Community

Looking to learn something new?

Chris Feltus

Chris Feltus

To Do App Question

1 Answer

Amber Cyr

Amber Cyr