diff --git a/app.js b/app.js index 6133041..f737cbd 100644 --- a/app.js +++ b/app.js @@ -19,17 +19,24 @@ for(const element of lisAndBody){ }) } +const deleteItem = (event)=>{ + event.target.parentNode.remove() +} + const deleteButtons = document.querySelectorAll('button.delete'); for (const deleteButton of deleteButtons) { - deleteButton.addEventListener('click', (event)=>{ - event.target.parentNode.remove() - }) + deleteButton.addEventListener('click', deleteItem) +} + +const createNewItem = (event)=>{ + const template = document.querySelector('template').content.children[0]; + const newItem = template.cloneNode(true) + newItem.children[1].addEventListener('click',createNewItem); + newItem.children[3].addEventListener('click',deleteItem); + event.target.parentNode.children[0].appendChild(newItem) } const addButtons = document.querySelectorAll('button.add'); for (const addButton of addButtons) { - addButton.addEventListener('click', (event)=>{ - const template = document.querySelector('template').content.children[0]; - event.target.parentNode.children[0].appendChild(template.cloneNode(true)) - }) + addButton.addEventListener('click',createNewItem); }