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

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

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

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

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

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

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

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

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

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

javascriptlet div1 = document.querySelector('#elem1');
createTable(3, 4, div1);

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

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

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

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