Функсия барои сохтани ҷадвалҳои 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);
}