ฟังก์ชันสำหรับสร้างตารางจากอาร์เรย์

ในบทเรียนก่อนหน้านี้เราได้สร้างฟังก์ชัน 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>