Возврат таблицы из функции на 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 id="elem"> <p>1</p> <p>2</p> <p>3</p> </div>

С помощью функции createTable создайте новую таблицу, а затем вставьте ее в конец дива в абзацами.