配列からテーブルを作成する関数

前のレッスンでは、指定されたサイズのテーブルを作成する関数 createTableを作成しました。次に、二次元配列をパラメータとして受け取り、 それに基づいてテーブルを構築する関数 createTableByArr を作ってみましょう。

つまり、前のレッスンのコードは次のように変換されます：

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

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

div.appendChild(table);

このコードを実行した結果、次のようなテーブルが生成されるはずです：

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>