Návrat tabuľky z funkcie v JavaScripte

V predchádzajúcej lekcii sme vytvorili funkciu createTable. Upravme túto funkciu tak, aby nepridávala tabuľku do nejakého elementu, ale jednoducho ju vrátila cez return.

To znamená, že uvedený kód z predchádzajúcej lekcie sa pretransformuje na takýto:

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

Môžeme prepísať kratšie:

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

Získanie odkazu na tabuľku môže byť potrebné na to, aby sme s vytvorenou tabuľkou niečo urobili. Napríklad, zmeňme farbu textu na červenú:

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

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

div.appendChild(table);

Upravte vašu funkciu createTable v súlade s popísaným v teórii.

Majme tento div s odstavcami:

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

Pomocou funkcie createTable vytvorte novú tabuľku a potom ju vložte na koniec divu.