JavaScript တွင် function မှ table ပြန်ပေးခြင်း

ယခင်သင်ခန်းစာတွင် ကျွန်ုပ်တို့သည် createTable function တစ်ခုပြုလုပ်ခဲ့ပါသည်။ ယခု ထို function ကို table တစ်ခုကို element တစ်ခုခုထဲသို့ ထည့်ရန် အစား၊ return ဖြင့် table ကိုပြန်ပေးရန် ပြုပြင်ပြောင်းလဲပါမည်။

ဆိုလိုသည်မှာ ယခင်သင်ခန်းစာရှိ ကုဒ်ကို အောက်ပါအတိုင်း ပြောင်းလဲသွားမည်ဖြစ်သည်:

let div = document.querySelector('#elem');
let table = createTable(3, 4);
div.appendChild(table);

အတိုချုံး၍ ပြန်ရေးနိုင်ပါသည်:

let div = document.querySelector('#elem');
div.appendChild(createTable(3, 4));

ဖန်တီးပြီးသား table နှင့် တစ်ခုခုလုပ်ဆောင်လိုပါက table သို့ link ရရှိရန် လိုအပ်ပါသည်။ ဥပမာအားဖြင့် ၎င်း၏ စာသားအရောင်ကို အနီရောင်သို့ ပြောင်းလဲကြည့်ပါစို့:

let div = document.querySelector('#elem');

let table = createTable(3, 4);
table.style.color = 'red';

div.appendChild(table);

သင်၏ createTable function ကို �ီအိုရီတွင် ဖော်ပြထားသည့်အတိုင်း ပြုပြင်ပြောင်းလဲပါ။

ကျွန်ုပ်တို့တွင် အောက်ပါအတိုင်း စာပိုဒ်များပါသည့် div တစ်ခုရှိသည်ဆိုပါစို့:

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

createTable function ကို အသုံးပြု၍ table အသစ်တစ်ခုဖန်တီးပြီး၊ ၎င်းကို div ၏ နောက်ဆုံးတွင် ထည့်သွင်းပါ။