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

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

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

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

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

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

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

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

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

div.appendChild(table);

Променете ја вашата функција createTable во согласност со опишаното во теоријата.

Нека имаме следниов div со параграфи:

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

Користејќи ја функцијата createTable, создадете нова табела, а потоа вметнете ја на крајот на div-от.