Функција за креирање HTML табела у JavaScript-у

Хајде сада да направимо функцију createTable, која ће креирати табелу задате величине и додавати је на крај задатог елемента.

Нека први параметар наше функције прима број редова, други параметар - број колона, а трећи - референцу на DOM елемент, унутар ког ће се креирати наша табела.

Да видимо како ћемо користити описану функцију, када буде направљена. Нека, на пример, имамо овакав div:

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

Хајде да направимо унутар овог div-а табелу 3 на 4:

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

Нека су сада дата два div-а:

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

Хајде да направимо сопствену табелу у сваком од ових 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);
}