Completar una tarea en una lista de verificación en JavaScript

Añadiremos de manera similar un evento al botón 'hecho':

javascriptlet mark = document.createElement('span');
mark.classList.add('mark');
mark.textContent = 'hecho';
mark.addEventListener('click', function() {
  // aquí irá el código para marcar la tarea como hecha
});
li.appendChild(mark);

Para marcar una tarea como hecha, debemos añadir alguna clase CSS al correspondiente etiqueta li. Llamemos a esta clase, por ejemplo, done.

Entonces para esta clase podemos escribir el código CSS correspondiente:

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