Funktio taulukon luomiseksi taulukosta

Edellisissä oppitunneissa teimme funktion createTable, joka luoo taulukon määritetyn kokoinen. Tehdään nyt funktio createTableByArr, joka parametrina saa kaksiulotteisen taulukon ja rakentaa sen perusteella taulukon.

Eli edellisen oppitunnin annettu koodi muunnetaan tällaiseksi:

javascriptlet div = document.querySelector('#elem');

let arr = [[1, 2, 3], [4, 5, 6], [7, 8, 9]];
let table = createTableByArr(arr);

div.appendChild(table);

Tämän koodin suorittamisen tuloksena pitäisi saada seuraava taulukko:

html<div id="elem">
  <table>
    <tr>
      <td>1</td>
      <td>2</td>
      <td>3</td>
    </tr>
    <tr>
      <td>4</td>
      <td>5</td>
      <td>6</td>
    </tr>
    <tr>
      <td>7</td>
      <td>8</td>
      <td>9</td>
    </tr>
  </table>
</div>