Tabeli tagastamine funktsioonist JavaScriptis

Eelmises õppetükis tegime funktsiooni createTable. Muudame nüüd seda funktsiooni nii, et see ei lisaks tabelit mingisse elementi, vaid lihtsalt tagastaks selle läbi return.

See tähendab, et eelmise õppetüki kood muundub selliseks:

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

Saab ümber kirjutada lühemalt:

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

Tabelile viite saamine võib olla vajalik selleks, et midagi teha loodud tabeliga. Näiteks muudame selle teksti värvi punaseks:

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

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

div.appendChild(table);

Muutke oma funktsiooni createTable vastavalt teoorias kirjeldatule.

Oletame, et meil on selline div lõikudega:

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

Funktsiooni createTable abil looge uus tabel ja seejärel sisestage see divi lõppu.