Refactor UI updating

[yosefHesham]

Brief of What Changed:

I figured out another way of updating UI, instead of re-rendering the list after every modification.

---

Changes Made:

• In the add method, I add all needed event listeners to each new item before I append it to the DOM.
• Created configureNewAddedItem module.
• Created a getElement module.
• Created a module for event listeners.
• In the delete, I am not depending on the class of the element anymore, I use the index of the current child node from the list:

more on that ⏬
const list = document.querySelector('.list'); const arrayNodes = Array.from(list.childNodes); removeToDo(arrayNodes.indexOf(parent) + 1);

by that, I managed to stop the headache of re-rendering the items and adding a loop through them every time to add event listeners, and the code is more clean.