Asian suorittaminen JavaScript-tarkistuslistassa

Asetetaan vastaavasti tapahtuma painikkeelle 'tehty':

javascriptlet mark = document.createElement('span');
mark.classList.add('mark');
mark.textContent = 'tehty';
mark.addEventListener('click', function() {
  // tähän tulee koodi asian merkitsemiseksi suoritetuksi
});
li.appendChild(mark);

Jotta asian voi merkitä suoritetuksi, vastaavalle li-tagille tulee asettaa jokin CSS-luokka. Nimetään esimerkiksi tämä luokka done.

Sitten tälle luokalle voidaan kirjoittaa vastaava CSS-koodi:

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