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:

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

Het kan korter herschreven worden:

javascriptlet 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:

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

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

div.appendChild(table);

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