Returnera tabell från funktion i JavaScript

I föregående lektion skapade vi funktionen createTable. Låt oss modifiera denna funktion så att den inte lägger till tabellen i något element, utan bara returnerar den via return.

Det vill säga, koden från föregående lektion omvandlas till denna:

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

Kan skrivas om kortare:

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

Att få en referens till tabellen kan behövas för att göra något med den skapade tabellen. Till exempel, låt oss färga dess textfärg till röd:

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

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

div.appendChild(table);

Modifiera din funktion createTable i enlighet med beskrivningen i teorin.

Låt oss säga att vi har en sådan här div med stycken:

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

Använd funktionen createTable för att skapa en ny tabell, och sätt sedan in den i slutet av div:en.