Teruggave van tabel uit functie in JavaScript

In de vorige les hebben we de functie createTable gemaakt. Laten we deze functie aanpassen zodat ze de tabel niet aan een element toevoegt, maar gewoon teruggeeft via return.

Dat betekent dat de gegeven code van de vorige les wordt omgezet in dit:

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

Het kan korter herschreven worden:

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

Het verkrijgen van een referentie naar de tabel kan nodig zijn om iets te doen met de gemaakte tabel. Laten we bijvoorbeeld de tekstkleur rood maken:

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

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

div.appendChild(table);

Pas uw functie createTable aan in overeenstemming met wat in de theorie beschreven is.

Stel we hebben de volgende div met paragrafen:

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

Maak met behulp van de functie createTable een nieuwe tabel aan en plaats deze vervolgens aan het einde van de div.