Επεξεργασία υποθέσεων σε checklist σε JavaScript
Ας υλοποιήσουμε τώρα την επεξεργασία.
Για να το κάνουμε αυτό, στο span με το κείμενο θα προσθέσουμε
διπλό κλικ:
let task = document.createElement('span');
task.classList.add('task');
task.textContent = this.value;
task.addEventListener('dblclick', function() {
// εδώ θα είναι ο κώδικας που υλοποιεί την επεξεργασία
});
li.appendChild(task);
Με διπλό κλικ στο καθορισμένο span
πρέπει να δημιουργήσουμε σε αυτό ένα input με το κείμενο αυτού του
span. Στη συνέχεια, αφού πατηθεί το πλήκτρο
Enter σε αυτό το input, πρέπει το κείμενο
αυτού του input να το γράψουμε πίσω στο span μας,
και το ίδιο το input να αφαιρεθεί.
Συμπληρώστε το μέρος του κώδικα που λείπει για την επίλυση της περιγραφόμενης εργασίας.