အစိတ်အပိုင်းများ ထည့်သွင်းသည့်အခါ ဖြစ်ရပ်များကို ချိတ်ဆက်ခြင်း

ယခု အစိတ်အပိုင်းများ ထည့်သွင်းသည့်အခါတိုင်း ၎င်းတို့အား ဖြစ်ရပ်များ၏ ကိုင်တွယ်ဖြေရှင်းသူများကို ချိတ်ဆက်ကြပါစို့။

ဥပမာအားဖြင့်၊ ကျွန်ုပ်တို့တွင် ဤကဲ့သို့သော မိဘအစိတ်အပိုင်း ရှိသည်ဆိုပါစို့:

html<div id="parent">
  <p>1</p>
  <p>2</p>
  <p>3</p>
</div>

ဤမိဘအစိတ်အပိုင်း၏ အဆုံးတွင် စာပိုဒ်တစ်ခုထပ်မံထည့်ကာ ကလစ်နှိပ်ခြင်းအတွက် ကိုင်တွယ်ဖြေရှင်းသူတစ်ဦးကို သတ်မှတ်ကြပါစို့:

javascriptlet parent = document.querySelector('#parent');

let p = document.createElement('p');
p.textContent = '!';

p.addEventListener('click', function() {
  console.log(this.textContent); // ကလစ်နှိပ်လိုက်သောအခါ စာပိုဒ်စာသားကို ထုတ်ပြမည်
});

parent.appendChild(p);