# Функция для создания 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); }`

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

← →
↑
en ru