การส่งคืนตารางจากฟังก์ชันใน JavaScript

ในบทเรียนที่แล้ว เราได้สร้างฟังก์ชัน createTable ขึ้นมา ลองมาแก้ไข ฟังก์ชันนี้เพื่อไม่ให้เพิ่มตาราง ลงในองค์ประกอบใดๆ แต่ให้ส่งคืนตารางนั้น ผ่าน return แทน

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

let div = document.querySelector('#elem');
let table = createTable(3, 4);
div.appendChild(table);

สามารถเขียนให้สั้นลงได้ดังนี้:

let div = document.querySelector('#elem');
div.appendChild(createTable(3, 4));

การได้รับลิงก์ไปยังตารางอาจจำเป็น เพื่อที่จะทำบางอย่างกับตารางที่สร้างขึ้น ตัวอย่างเช่น ลองมาเปลี่ยนสี ของข้อความเป็นสีแดง:

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

let table = createTable(3, 4);
table.style.color = 'red';

div.appendChild(table);

ปรับเปลี่ยนฟังก์ชัน createTable ของคุณ ตามที่อธิบายไว้ในส่วนทฤษฎี

สมมติว่าเรามี div พร้อมกับย่อหน้าดังนี้:

<div id="elem">
	<p>1</p>
	<p>2</p>
	<p>3</p>
</div>

ใช้ฟังก์ชัน createTable สร้าง ตารางใหม่ขึ้นมา จากนั้นแทรกมันเข้าไปที่ส่วนท้าย ของ div