JavaScript ဖြင့် Checklist တွင် အလုပ်တစ်ခုပြီးမြောက်အောင်လုပ်ခြင်း

အလားတူနည်းလမ်းဖြင့် 'ပြီးပြီ' ခလုတ်ပေါ်တွင် ဖြစ်ရပ်တစ်ခုကို ချိတ်ဆက်ပါမည် 'ပြီးပြီ':

javascriptlet mark = document.createElement('span');
mark.classList.add('mark');
mark.textContent = 'ပြီးပြီ';
mark.addEventListener('click', function() {
  // ဤနေရာတွင် အလုပ်ကို ပြီးမြောက်ပြီဟု အမှတ်အသားပြုရန် ကုဒ်များရှိမည်
});
li.appendChild(mark);

အလုပ်တစ်ခုကို ပြီးမြောက်ပြီဟု အမှတ်အသားပြုရန်၊ သက်ဆိုင်ရာ li tag အား CSS class တစ်ခုခု ချိတ်ဆက်ပေးရပါမည်။ ဥပမာအားဖြင့်၊ ဤ class ကို done ဟု ခေါ်ပါမည်။

ထို့နောက် ဤ class အတွက် သက်ဆိုင်ရာ CSS code ကို ရေးနိုင်ပါသည်:

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