Функция для создания HTML таблиц на JavaScript

Давайте теперь сделаем функцию createTable, которая будет будет создавать таблицу заданного размера и добавлять ее в конец заданного элемента.

Пусть первым параметром наша функция принимает количество рядов, вторым параметром - количество колонок, а третьим - ссылку на DOM, внутри которого будет создаваться наша таблица.

Давайте посмотрим, как мы будем пользоваться описанной функцией, когда она будет создана.

Пусть, к примеру, у нас дан вот такой див:

<div id="elem"></div>

Давайте сделаем внутри этого дива таблицу 3 на 4:

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

Пусть теперь у нас даны два дива:

<div id="elem1"></div> <div id="elem2"></div>

Давайте сделаем свою таблицу в каждом из этих дивов:

let div1 = document.querySelector('#elem1'); createTable(3, 4, div1); let div2 = document.querySelector('#elem2'); createTable(5, 6, div2);

Для того, чтобы создаваемые таблицы сразу были видны, можно добавить какой-нибудь CSS, например, такой:

td { width: 50px; height: 50px; border: 1px solid black; }

Вот заготовка описанной функции:

function createTable(rows, cols, parent) { let table = document.createElement('table'); // тут создадим таблицу с rows рядами и cols колонками for () { for () { } } parent.appendChild(table); }

Допишите код представленной выше заготовки функции. Потестируйте работу готовой функции.