JavaScript တွင် CSS Class များဖြင့် စတိုင်ပေးခြင်း၏ အကျိုးကျေးဇူး

စတိုင်များကို တိုက်ရိုက်ပြင်ဆင်ခြင်းထက် class များကို အသုံးပြုခြင်းသည် နောက်ထပ် အကျိုးကျေးဇူးတစ်ခု ရှိပါသည်။ လက်တစ်ကမ်းအတွင်းမှာ element များ၏ စတိုင်များကို အလှည့်ကျ ပြောင်းလဲနိုင်ပါသည်။

ဥပမာအားဖြင့်၊ paragraph တစ်ခုကို ပထမဆုံးအကြိမ် နှိပ်လိုက်သောအခါ အရောင်တစ်ခုသို့ ပြောင်းလဲပြီး၊ နောက်တစ်ကြိမ် နှိပ်လိုက်သောအခါ မူလအရောင်သို့ ပြန်လည်ရောက်ရှိအောင် လုပ်ဆောင်နိုင်ပါသည်။ ဤသို့လုပ်ဆောင်ရန် method add ကို method toggle သို့ ပြောင်းလဲရုံသာလိုအပ်ပါသည်။

let elems = document.querySelectorAll('p');

for (let elem of elems) {
	elem.addEventListener('click', function() {
		this.classList.toggle('colored');
	});
}

ယခင်လုပ်ဆောင်ချက်ကို ပြင်ဆင်ပြီး button ကို နှိပ်ခြင်းကို ထပ်မံနှိပ်လိုက်သောအခါ ထို button ၏ လုပ်ဆောင်ချက်ကို ပြန်လည်ရပ်ဆိုင်းစေပါ။