Návrat tabuľky z funkcie v JavaScripte

V predchádzajúcej lekcii sme vytvorili funkciu createTable. Upravme túto funkciu tak, aby nepridávala tabuľku do nejakého elementu, ale jednoducho ju vrátila cez return.

To znamená, že uvedený kód z predchádzajúcej lekcie sa pretransformuje na takýto:

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

Môžeme prepísať kratšie:

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

Získanie odkazu na tabuľku môže byť potrebné na to, aby sme s vytvorenou tabuľkou niečo urobili. Napríklad, zmeňme farbu textu na červenú:

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

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

div.appendChild(table);

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