JS로 html 갖고놀기2

li에 span을 child로 넣을 수 있었던것 처럼 button도 같이 넣을 수 있다. 여기서 신기한건 JS에서 button 클릭 이벤트를 부여할때, 어떤 li에서 클릭되었는지 target을 잡아 준다는 점이다.

function handleDeleteToDo(event) {
  const li = event.target.parentElement;
  li.remove();
}

tip: console.dir(event.target); -> 개발자도구 확인하면
parentElement에 li내용이 포함된걸 알 수 있다.
console.log(event.target.parentElement.innerText);
로 확인가능하다.