Функцыя для стварэння 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);
}