Vrnitev tabele iz funkcije v JavaScriptu

V prejšnji lekciji smo naredili funkcijo createTable. Spremenimo to funkcijo tako, da ne bo dodajala tabele v kakšen element, ampak jo bo preprosto vrnila preko return.

To pomeni, da se prikazana koda iz prejšnje lekcije spremeni v tole:

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

Lahko prepišemo na krajši način:

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

Pridobivanje reference na tabelo bo morda potrebno za to, da naredimo kaj z ustvarjeno tabelo. Na primer, pobarvajmo njena barva besedila v rdečo:

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>