JavaScript တွင် အစိတ်အပိုင်းများကို အသက်ဝင်အောင်လုပ်ခြင်း

ကျွန်ုပ်တို့တွင် အချည်းနှီးဖြစ်သော ဆဲလ်များပါရှိသည့် HTML ဇယား#table တစ်ခုရှိသည်ဆိုပါစို့။

မည်သည့်ဆဲလ်ကိုမဆို နှိပ်လိုက်သောအခါ ၎င်းဆဲလ်သည် အခြေအနေတစ်ခုခု အသက်ဝင်လာစေရန် ပြုလုပ်ကြည့်ကြပါစို့။ ဥပမာအားဖြင့် နီရဲသောနောက်ခံအရောင်ဖြစ်လာစေရန်။ ဤသို့ပြုလုပ်ရန်အတွက် အသက်ဝင်သောဆဲလ်များကို CSS class တစ်ခုခု ပေးမည်။

css.active {
  background: red;
}

အသက်ဝင်အောင်လုပ်ခြင်းကို အကောင်အထည်ဖော်ကြပါစို့။

javascriptlet tds = document.querySelectorAll('#table td');

for (let td of tds) {
  td.addEventListener('click', function() {
    this.classList.add('active');
  });
}