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

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

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

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

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

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

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

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

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

div.appendChild(table);

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