JavaScript හි පරීක්ෂා ලැයිස්තුවේ කාර්යයක් සම්පූර්ණ කිරීම

අපි එලෙසම 'සම්පූර්ණයි' බොත්තමට සිදුවීමක් අතුලත් කරමු:

javascriptlet mark = document.createElement('span');
mark.classList.add('mark');
mark.textContent = 'සම්පූර්ණයි';
mark.addEventListener('click', function() {
  // මෙහිදී කාර්යය සම්පූර්ණ ලෙස සලකුණු කිරීම සඳහා කේතය පිහිටුවනු ඇත
});
li.appendChild(mark);

කාර්යයක් සම්පූර්ණ කර ඇති ලෙස සලකුණු කිරීමට, අදාළ li ටැගයට යම් CSS වර්ගයක් අතුලත් කළ යුතුය. උදාහරණයක් ලෙස, මෙම වර්ගය අපි done ලෙස නම් කරමු.

එවිට මෙම වර්ගය සඳහා අදාළ CSS කේතය ලිවිය හැකිය:

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