Tábla visszaadása függvényből JavaScriptben

Az előző leckében elkészítettük a createTable függvényt. Módosítsuk ezt a függvényt úgy, hogy ne egy elemhez adja hozzá a táblát, hanem egyszerűen adja vissza azt a return segítségével.

Vagyis az előző lecke megadott kódja átalakul ebbe:

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

Átírható rövidebben is:

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

A táblára mutató hivatkozás lekérése azért lehet szükséges, hogy valamit tegyünk a létrehozott táblával. Például színezzük pirosra a szöveg színét:

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

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

div.appendChild(table);

Alakítsa át a createTable függvényt a teória szerint.

Tegyük fel, hogy van egy ilyen divünk bekezdésekkel:

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

A createTable függvény segítségével hozzon létre egy új táblát, majd helyezze be a div végére.