Funkcija za kreiranje HTML tabela u JavaScript-u

Hajde sada da napravimo funkciju createTable, koja će kreirati tabelu zadate veličine i dodati je na kraj zadatog elementa.

Neka prvi parametar naše funkcije prima broj redova, drugi parametar - broj kolona, a treći - referencu na DOM element, unutar koga će se kreirati naša tabela.

Hajde da pogledamo kako ćemo koristiti opisanu funkciju kada bude kreirana. Neka je, na primer, dat ovakav div:

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

Hajde da napravimo unutar ovog div-a tabelu 3 sa 4 kolone:

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

Neka su sada data dva div-a:

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

Hajde da napravimo svoju tabelu u svakom od ovih div-ova:

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

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

Da bi kreirane tabele odmah bile vidljive, možete dodati neki CSS, na primer, ovakav:

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

javascriptfunction createTable(rows, cols, parent) {
  let table = document.createElement('table');
  
  // ovde kreirajte tabelu sa rows redova i cols kolona
  for () {
    for () {
      
    }
  }
  
  parent.appendChild(table);
}