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

ในบทเรียนก่อนหน้านี้เราได้สร้างฟังก์ชัน createTable ซึ่งสร้างตารางตามขนาดที่กำหนด ให้ มาดูกันตอนนี้เราจะสร้างฟังก์ชัน createTableByArr, ซึ่งรับพารามิเตอร์เป็นอาร์เรย์สองมิติ และสร้างตารางบนพื้นฐานของมัน

นั่นคือโค้ดจากบทเรียนก่อนหน้านี้ จะถูกเปลี่ยนเป็นแบบนี้:

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

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

div.appendChild(table);

ผลลัพธ์จากการทำงานของโค้ดนี้ควร ได้ตารางดังต่อไปนี้:

<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>

โปรดนำฟังก์ชันที่อธิบายไว้ไปใช้งาน ตรวจสอบการทำงานของมัน