Concluindo uma tarefa na checklist em JavaScript

Vamos adicionar um evento de maneira similar ao botão 'concluído':

javascriptlet mark = document.createElement('span');
mark.classList.add('mark');
mark.textContent = 'concluído';
mark.addEventListener('click', function() {
  // o código para marcar a tarefa como concluída estará aqui
});
li.appendChild(mark);

Para marcar uma tarefa como concluída, precisamos adicionar uma classe CSS ao elemento li correspondente. Vamos nomear essa classe, por exemplo, como done.

Então, para essa classe, podemos escrever o código CSS correspondente:

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