[JAVASCRIPT] 모멘텀 클론코딩 4-3

1. paintTodo 함수 수정

1.1 X 버튼을 누르면 삭제를 하기 위해 delBtn에 이벤트리스너를 달아준다.

1.2 이벤트 리스너는 클릭이 발생했을 때 삭제를 하는 함수인 deleteToDo 를 넣었다.

2. deleteToDo(event) 함수 생성

2.1 이벤트 객체의 target에 접근하여 해당 객체를 얻는다. (버튼이 선택되었지만 부모가 누구인지 알 수 없다.)

2.2 해당 버튼에 대해서 부모를 찾는다. (parentNode)

2.3 toDoList 에 접근하여 도큐먼트에 있는 해당되는 li 요소를 removeChild 한다.

2.4 cleanToDos 변수를 하나 선언하고 toDos를 let 으로 변경한다.

2.5 filter는 array의 모든 아이템을 통해 함수를 실행한다. 즉 true인 아이템을 가지고 새로운 배열을 생성한다.

2.6 새로운 아이템을 기존 배열에 넣고 saveToDos 함수를 이용해 localStorage 에 저장한다.

이렇게 할일 목록에서 삭제까지 구현하였다.