Diziden Tablo Oluşturma Fonksiyonu

Önceki derslerde, belirli bir boyutta tablo oluşturan createTable fonksiyonunu yapmıştık. Şimdi createTableByArr fonksiyonunu yapalım, parametre olarak iki boyutlu bir dizi alacak ve onun temelinde bir tablo oluşturacak.

Yani önceki dersteki verilen kod şu hale dönüşüyor:

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

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

div.appendChild(table);

Bu kodun çalıştırılması sonucunda aşağıdaki tablo oluşmalıdır:

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>