I really got stuck on the adding elements to the DOM portion. I came back and forth to this project over several weeks.

Text The string to be parsed as HTML or XML and inserted into the tree. 'beforeend': Just inside the element, after its last child.'afterbegin': Just inside the element, before its first child.'beforebegin': Before the element itself.insertAdjacentHTML( position, text ) position A DOMString representing the position relative to the element must be one of the following strings: I used it to add the DOM elements to the created HTML list of todo items.Įlement. I learned about the WEB API's element.insertAdjacentHTML method. Last, the clear button takes an event listener that simply clears local storage and creates a new empty todo list array. My function getList(todoItems) is what I used to add my event handler function, which wired the three interactive elements (complete, edit, and delete). The form event listener also handled the function call to set the items immediately into local storage. The form's event listener took me a little time because I had to ensure their was functionality if a user tried to submit an item without actually adding text, and I had to ensure that items were pushed to the global todoItem array. The app.js file has two main event listeners and four functions. This is when I spent the most time trying to figure out why I was getting the errors I received. In other words, I had to create a handler function that was wired to select the DOM elements only after the list of items were added to the document. This was the tricky part since the DOM elements can't be selected without developer interaction. I went through most of it without interruption, up until I had to wire up the individual event listeners for each item. I found this JavaScript project easy to get through in the beginning. My Personalize Summary Level of Difficulty The objective of this JavaScript Project is to wire up a todo list application. Share Hosted Project GitHub Source Files Project Objective

Todolist app javascript