Terugkeer van 'n tabel uit 'n funksie in JavaScript

In die vorige les het ons die funksie createTable gemaak. Kom ons modifiseer hierdie funksie sodat dit nie die tabel in 'n element byvoeg nie, maar dit eenvoudig teruggee via return.

Dit beteken die gegewe kode van die vorige les word omgeskakel na die volgende:

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

Dit kan korter geskryf word:

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

Om 'n verwysing na die tabel te kry, mag nodig wees om iets met die geskepte tabel te doen. Byvoorbeeld, kom ons maak die tekskleur daarvan rooi:

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

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

div.appendChild(table);

Herskep jou funksie createTable volgens die beskrywing in die teorie.

Gestel ons het die volgende div met paragrawe:

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

Gebruik die funksie createTable om 'n nuwe tabel te skep, en plaas dit dan aan die einde van die div.