Taulukon palauttaminen funktiosta JavaScriptissä

Edellisessä oppitunnissa teimme funktion createTable. Muokataan tätä funktiota niin, että se ei lisää taulukkoa johonkin elementtiin, vaan palauttaa sen return:in kautta.

Eli edellisen oppitunnin annettu koodi muunnetaan tällaiseksi:

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

Voidaan kirjoittaa lyhyemmin:

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

Viittauksen saaminen taulukkoon voi olla tarpeen jotta luodulle taulukolle voi tehdä jotain. Esimerkiksi väritetään sen tekstiväri punaiseksi:

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

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

div.appendChild(table);

Muokkaa funktiotasi createTable kuvatun teorian mukaisesti.

Oletetaan, että meillä on tällainen div kappaleiden kanssa:

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

createTable-funktion avulla luo uusi taulukko ja aseta se divin loppuun.