Retur av tabell fra en funksjon i JavaScript

I forrige leksjon lagde vi funksjonen createTable. La oss modifisere denne funksjonen slik at den ikke legger til tabellen i et element, men bare returnerer den via return.

Det vil si at koden fra forrige leksjon blir transformert til slik:

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));

Å få en referanse til tabellen kan være nødvendig for å gjøre noe med den opprettede tabellen. For eksempel, la oss fargelegge dens tekstfarge i rødt:

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

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

div.appendChild(table);

Modifiser funksjonen din createTable i henhold til beskrivelsen i teorien.

La oss si at vi har en div med avsnitt som dette:

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

Bruk funksjonen createTable for å opprette en ny tabell, og sett den deretter inn på slutten av div-en.