Връщане на таблица от функция в 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.