Враќање на табела од функција во JavaScript

Во претходната лекција ја направивме функцијата createTable. Ајде да ја модифицираме оваа функција така што нема да ја додава табелата во некој елемент, туку едноставно ќе ја враќа преку return.

Односно, дадениот код од претходната лекција се трансформира во следниот:

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

Може да се препише пократко:

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

Добивањето референца на табелата може да биде потребно за да се направи нешто со создадената табела. На пример, ајде да ја обоїме бојата на текстот во црвено:

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>