# Создание HTML таблиц на JavaScript

Пусть у нас есть вот такая пустая HTML таблица:

`<table id="table"></table>`

Давайте заполним эту таблицу рядами и колонками. Вот пример того, что у нас должно получится:

`<table id="table"> <tr> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> </tr> </table>`

Для решения задачи нам нужно два вложенных цикла. Первый цикл будет создавать ряды таблицы, а второй - ячейки в каждом ряду:

`let table = document.querySelector('#table'); for (let i = 0; i < 3; i++) { let tr = document.createElement('tr'); for (let i = 0; i < 3; i++) { let td = document.createElement('td'); tr.appendChild(td); } table.appendChild(tr); }`

Дана пустая HTML таблица. С помощью двух вложенных циклов `for` заполните эту таблицу `5`-ю рядами с `5`-ю колонками.

Модифицируйте предыдущую задачу так, чтобы таблица создавалась размером `10` рядов на `5` колонок.

Модифицируйте предыдущую задачу так, чтобы в каждую `td` добавлялся текст `'x'`.

Реализуйте генератор таблиц, ширина и высота таблиц задается в двух инпутах (например, таблица `5` на `10` ячеек).

← →
↑
en ru