화면이 다 안그려져서 이벤트가 안먹을 때

이벤트 위임 

localStorage에 데이터가 저장되는 todoList 를 만들었다.
아이템 추가된 후에 추가된 아이템에 delete버튼을 클릭한 경우 
추가된 아이템을 그린 뒤에 delete 버튼에 이벤트를 걸려고 하니까
delete버튼이 null이라고 하는 오류가 발생했다.
이벤트 위임을 사용하니 해결되었다.

https://stackoverflow.com/questions/16512016/event-listener-in-elements-appended-after-dom-content-loaded

//deleteEvent
document.body.addEventListener('click', function (e) {
  if (e.target.className == 'delete') {
    let $delBtn = e.target;
    let deleteText = $delBtn
      .closest('.shopping-item')
      .querySelector('.itemName').innerHTML;
    let deletedLists = ToDoListArr.filter((e) => e.name != deleteText);
    ToDoListArr = deletedLists;
    saveDatas();
    displayItems();
  }
});