Ολοκλήρωση υποχρέωσης στη λίστα ελέγχου JavaScript

Θα προσθέσουμε παρόμοια ένα συμβάν στο κουμπί 'ολοκληρώθηκε':

javascriptlet mark = document.createElement('span');
mark.classList.add('mark');
mark.textContent = 'ολοκληρώθηκε';
mark.addEventListener('click', function() {
  // εδώ θα μπει ο κώδικας για τη σήμανση της υποχρέωσης ως ολοκληρωμένης
});
li.appendChild(mark);

Για να σημάνουμε μια υποχρέωση ως ολοκληρωμένη, πρέπει να προσθέσουμε μια CSS κλάση στο αντίστοιχο στοιχείο li. Ας ονομάσουμε αυτή την κλάση, για παράδειγμα, done.

Τότε, για αυτή την κλάση μπορούμε να γράψουμε τον αντίστοιχο CSS κώδικα:

css#list .done {
  text-decoration: line-through;
}