JavaScript'te Checklist'te Görev Düzenleme

Şimdi düzenleme işlemini uygulayalım. Bunun için, metin içeren span öğesine çift tıklama olayını ekleyeceğiz:

javascriptlet task = document.createElement('span');
task.classList.add('task');
task.textContent = this.value;
task.addEventListener('dblclick', function() {
  // düzenleme işlemini uygulayan kod burada olacak
});
li.appendChild(task);

Belirtilen span öğesine çift tıklandığında, içinde bu span öğesinin metniyle bir input oluşturmalıyız. Ardından, bu inputta Enter tuşuna basıldığında, inputun metnini tekrar span'ımıza yazmalı ve input'u kaldırmalıyız.