Abschließen einer Aufgabe in einer JavaScript-Checkliste

Wir hängen auf ähnliche Weise ein Ereignis an den Button 'сделано' an:

javascriptlet mark = document.createElement('span');
mark.classList.add('mark');
mark.textContent = 'сделано';
mark.addEventListener('click', function() {
  // hier wird der Code zum Markieren der Aufgabe als erledigt stehen
});
li.appendChild(mark);

Um eine Aufgabe als erledigt zu markieren, muss dem entsprechenden li-Tag eine CSS-Klasse hinzugefügt werden. Nennen wir diese Klasse zum Beispiel done.

Für diese Klasse kann dann der entsprechende CSS-Code geschrieben werden:

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