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

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

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

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

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

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

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

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

parent.appendChild(p);

ol နှင့် ခလုတ်တစ်ခု ရှိသည်။ ခလုတ်ကို ကလစ်နှိပ်သောအခါ ol ၏ အဆုံးသို့ li တဂ်ကို ထည့်ပေးမည့် ပုံစံဖြစ်အောင် ပြုလုပ်ပါ။ ထည့်လိုက်သော li များထဲမှ တစ်ခုခုကို ကလစ်နှိပ်သောအခါ ၎င်း၏ စာသားအဆုံးတွင် အာမေဍိတ်သင်္ကေတ ရေးထည့်သွားမည့် ပုံစံဖြစ်အောင် ပြုလုပ်ပါ။