Crearea tabelelor HTML în JavaScript

Să presupunem că avem următorul tabel HTML gol:

html<table id="table"></table>

Să umplem acest tabel cu rânduri și coloane. Iată un exemplu de cum ar trebui să arate rezultatul:

html<table id="table">
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>

Pentru a rezolva problema avem nevoie de două bucle imbricate. Prima buclă va crea rândurile tabelului, iar a doua - celulele din fiecare rând:

javascriptlet table = document.querySelector('#table');

for (let i = 0; i < 3; i++) {
  let tr = document.createElement('tr');
  
  for (let i = 0; i < 3; i++) {
    let td = document.createElement('td');
    tr.appendChild(td);
  }
  
  table.appendChild(tr);
}

Задание 1

Este dat un tabel HTML gol. Cu ajutorul a două buclă imbricate for umpleți acest tabel cu 5 rânduri și 5 coloane.

Задание 2

Modificați problema anterioară astfel încât tabelul să fie creat cu dimensiunea de 10 rânduri pe 5 coloane.

Задание 3

Modificați problema anterioară astfel încât în fiecare td să fie adăugat textul 'x'.

Задание 4

Implementați un generator de tabele, lățimea și înălțimea tabelului sunt introduse în două input-uri (de exemplu, tabel 5 pe 10 celule).