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

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

let 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 ကို ရေးနိုင်ပါသည်:

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

ဖော်ပြပါ ပြဿနာကို ဖြေရှင်းရန်အတွက် ပျောက်ဆုံးနေသော ကုဒ်အပိုင်းကို ဖြည့်စွက်ပါ။