Ολοκλήρωση υποχρέωσης στη λίστα ελέγχου JavaScript
Θα προσθέσουμε παρόμοια ένα συμβάν στο κουμπί
'ολοκληρώθηκε':
let mark = document.createElement('span');
mark.classList.add('mark');
mark.textContent = 'ολοκληρώθηκε';
mark.addEventListener('click', function() {
// εδώ θα μπει ο κώδικας για τη σήμανση της υποχρέωσης ως ολοκληρωμένης
});
li.appendChild(mark);
Για να σημάνουμε μια υποχρέωση ως ολοκληρωμένη,
πρέπει να προσθέσουμε μια CSS κλάση στο αντίστοιχο
στοιχείο li. Ας ονομάσουμε αυτή την κλάση,
για παράδειγμα, done.
Τότε, για αυτή την κλάση μπορούμε να γράψουμε τον αντίστοιχο CSS κώδικα:
#list .done {
text-decoration: line-through;
}
Ολοκληρώστε το κομμάτι του κώδικα που λείπει για την επίλυση της περιγραφόμενης εργασίας.