JavaScript 체크리스트 항목 편집 구현

이제 편집 기능을 구현해 봅시다. 텍스트가 있는 span에 더블 클릭 이벤트를 추가합니다:

javascriptlet 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 자체를 제거해야 합니다.