Completar una tarea en una lista de verificación en JavaScript
Añadiremos de manera similar un evento al botón
'hecho':
let 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:
#list .done {
text-decoration: line-through;
}
Complete la parte faltante del código para resolver la tarea descrita.