JavaScript да функциясидан таблицани қайтариш

Олдинги дарсда биз createTable функциясини ясадик. Келинг, ушбу функцияни ўзгартирамиз, ундош кандайдир элементга таблица қўшмасин, балки return орқали унинг ўзини қайтарсин.

Яъни олдинги дарснинг кўрсатилган коди бу ердагича ўзгаради:

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

Қисқароқ қайта ёзиш мумкин:

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

Яратилган таблица бирон нарса қилиш учун, масалан, унинг матн рангни қизил қилиш учун таблицага ҳавола олиш зарур бўлиши мумкин.

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

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

div.appendChild(table);

createTable функциянгизни назарияда баён қилинганга мос равишда ўзгартиринг.

Фарз қилайлик, бизда абзацлар билан бу ердагидей див бор:

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

createTable функцияси ёрдамида янги таблица яратинг, сўнгра уни дивнинг охирига қўйинг.