Povratak tabele iz funkcije u JavaScript-u

U prethodnoj lekciji napravili smo funkciju createTable. Hajde da modifikujemo ovu funkciju tako da ne dodaje tabelu u neki element, već da je jednostavno vraća preko return.

To znači da prikazani kod iz prethodne lekcije se pretvara u sledeći:

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

Može se prepisati kraće:

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

Dobijanje reference na tabelu može biti potrebno da bi se nešto uradilo sa kreiranom tabelom. Na primer, hajde da obojimo njen tekst u crveno:

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

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

div.appendChild(table);
Задание 1

Preradite vašu funkciju createTable u skladu sa opisanim u teoriji.

Задание 2

Neka imamo sledeći div sa paragrafima:

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

Pomoću funkcije createTable kreirajte novu tabelu, a zatim je umetnite na kraj div-a.