Opprettelse av HTML-tabeller med JavaScript

La oss si at vi har en tom HTML-tabell som denne:

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

La oss fylle denne tabellen med rader og kolonner. Her er et eksempel på hva vi bør få:

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>

For å løse oppgaven trenger vi to nestede løkker. Den første løkken vil opprette tabellrader, og den andre - celler i hver rad:

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

Det er gitt en tom HTML-tabell. Bruk to nestede for-løkker for å fylle denne tabellen med 5 rader med 5 kolonner.

Задание 2

Modifiser forrige oppgave slik at tabellen opprettes med en størrelse på 10 rader og 5 kolonner.

Задание 3

Modifiser forrige oppgave slik at det i hver td legges til teksten 'x'.

Задание 4

Implementer en tabellgenerator, hvor bredden og høyden på tabellene angis i to input-felter (for eksempel, en tabell på 5 ganger 10 celler).