JavaScript ဖြင့် ကွင်းဆက်ထဲတွင် အစိတ်အပိုင်းများ ဖန်တီးခြင်း

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

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

<div id="parent"></div>

ယခု ကွင်းဆက်တစ်ခုကို စတင်လည်ပတ်ပါစို့။ ထိုကွင်းဆက်သည် ကျွန်ုပ်တို့၏ div အတွင်းသို့ စာပိုဒ်အသစ် 9 ခုကို ထည့်သွင်းပေးပါလိမ့်မည်:

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

for (let i = 1; i <= 9; i++) {
	let p = document.createElement('p');
	p.textContent = '!';
	
	parent.appendChild(p);
}

ဗလာ ul တစ်ခု ရှိပါသည်။ ကွင်းဆက်တစ်ခု စတင်လည်ပတ်၍ ၎င်းအတွင်းသို့ li tag 10 ခု ထည့်သွင်းပါ။ li တစ်ခုစီ၏ စာသားမှာ ၎င်း၏ နံပါတ်စဉ် ဖြစ်အောင် ပြုလုပ်ပါ။