Vrnitev tabele iz funkcije v JavaScriptu

V prejšnji lekciji smo naredili funkcijo createTable. Spremenimo to funkcijo tako, da ne bo dodajala tabele v kakšen element, ampak jo bo preprosto vrnila preko return.

To pomeni, da se prikazana koda iz prejšnje lekcije spremeni v tole:

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

Lahko prepišemo na krajši način:

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

Pridobivanje reference na tabelo bo morda potrebno za to, da naredimo kaj z ustvarjeno tabelo. Na primer, pobarvajmo njena barva besedila v rdečo:

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

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

div.appendChild(table);

Spremenite vašo funkcijo createTable v skladu z opisanim v teoriji.

Recimo, da imamo tale div z odstavki:

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

Z uporabo funkcije createTable ustvarite novo tabelo in jo nato vstavite na konec div-ja.