Returnering af tabel fra en funktion i JavaScript

I den forrige lektion lavede vi funktionen createTable. Lad os modificere denne funktion, så den ikke tilføjer tabellen til et element, men blot returnerer den via return.

Det betyder, at koden fra den forrige lektion bliver transformeret til dette:

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

Kan omskrives kortere:

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

At få en reference til tabellen kan være nødvendigt for at gøre noget med den oprettede tabel. For eksempel, lad os farve dens tekstfarve til rød:

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

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

div.appendChild(table);

Omkonstruer din funktion createTable i overensstemmelse med beskrivelsen i teorien.

Lad os sige, at vi har følgende div med afsnit:

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

Brug funktionen createTable til at oprette en ny tabel, og indsæt den derefter i slutningen af div'en.