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

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

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

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

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