JavaScript 체크리스트에서 할 일 완료하기

비슷한 방식으로 '완료' 버튼에 이벤트를 추가합니다:

let mark = document.createElement('span');
mark.classList.add('mark');
mark.textContent = '완료';
mark.addEventListener('click', function() {
	// 여기에 할 일을 완료된 것으로 표시하는 코드가 들어갑니다
});
li.appendChild(mark);

할 일을 완료된 것으로 표시하려면, 해당하는 li 태그에 CSS 클래스를 추가해야 합니다. 예를 들어, 이 클래스를 done라고 부르겠습니다.

그러면 이 클래스에 대해 해당하는 CSS 코드를 작성할 수 있습니다:

#list .done {
	text-decoration: line-through;
}

설명된 작업을 해결하기 위해 부족한 코드 부분을 작성하세요.