JavaScript හි function එකකින් table එකක් ආපසු ලබා දීම
පෙර පාඩමේදී, අපි
createTable function එක සාදා ගත්තෙමු.
අපි මෙම function එක වෙනස් කරමු, එවිට එය table එක
කිසියම් element එකකට එකතු නොකර, ඒ වෙනුවට එය
return භාවිතයෙන් ආපසු ලබා දෙන්න.
එනම් පෙර පාඩමේ කේතය පහත පරිදි වෙනස් වේ:
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 එක සමඟ කිසියම් දෙයක් කිරීමට අවශ්ය විය හැකිය. උදාහරණයක් ලෙස, අපි එහි වචන වර්ණය රතු පැහැයට වෙනස් කරමු:
javascriptlet div = document.querySelector('#elem');
let table = createTable(3, 4);
table.style.color = 'red';
div.appendChild(table);
Задание 1
ඔබගේ createTable function එක
සිද්ධාන්තයේ විස්තර කර ඇති පරිදි වෙනස් කරන්න.
Задание 2
අප සතුව පහත දැක්වෙන පරිදි ඡේද සහිත div එකක් ඇතැයි සිතමු:
html<div id="elem">
<p>1</p>
<p>2</p>
<p>3</p>
</div>
createTable function එක භාවිතයෙන් නව
table එකක් සාදා, පසුව එය div එක අවසානයට ඇතුළත් කරන්න.