JavaScript-da funktsiyadan jadval qaytarish

Oldingi darsda biz createTable funktsiyasini yasadik. Keling, bu funktsiyani o'zgartiramiz, shunda u jadvalni biron bir elementga qo'shmasdan, balki uni oddiygina return orqali qaytarsin.

Ya'ni oldingi darsdagi berilgan kod quyidagicha o'zgaradi:

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

Qisqaroq qayta yozish mumkin:

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

Jadvalga havola olish, yaratilgan jadval bilan biron bir ish qilish uchun kerak bo'lishi mumkin. Masalan, keling uning matn rangi qizilga bo'yalgan:

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

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

div.appendChild(table);

createTable funktsiyangizni nazariyada bayon qilinganidek o'zgartiring.

Faraz qilaylik, bizda abzatslar bilan shunday div bor:

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

createTable funktsiyasi yordamida yangi jadval yarating, so'ngra uni divning oxiriga joylashtiring.