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:
let 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.
Açıklanan görevi çözmek için eksik kısmı tamamlayın.