JavaScript 체크리스트 항목 편집 구현
이제 편집 기능을 구현해 봅시다.
텍스트가 있는 span에
더블 클릭 이벤트를 추가합니다:
let task = document.createElement('span');
task.classList.add('task');
task.textContent = this.value;
task.addEventListener('dblclick', function() {
// 편집을 구현하는 코드가 여기에 들어갑니다
});
li.appendChild(task);
지정된 span을 더블 클릭하면
그 안에 해당 span의 텍스트를 가진
input을 생성해야 합니다. 그런 다음 해당 input에서
Enter 키를 누르면 input의 텍스트를
다시 우리의 span에 기록하고,
input 자체를 제거해야 합니다.
설명된 작업을 해결하기 위해 누락된 코드 부분을 작성하세요.
