การลงสีเซลล์ด้วยสีต่างๆ

ขั้นตอนต่อไปที่สมเหตุสมผลคือการลงสี เซลล์ของเราให้เป็นสีแบบสุ่ม ตามเงื่อนไข ของโจทย์ เรามีชุดสีที่จำกัด สมมติว่ามีสามสี: สีแดง, สีเขียว, สีน้ำเงิน

หากลองคิดดู สีเหล่านี้สะดวกที่จะทำเป็น คลาส CSS เราจะให้คลาสเหล่านี้กับ เซลล์ของตารางของเรา เรามาสร้างคลาสเหล่านี้กัน:

.red {
	background: red;
}
.green {
	background: green;
}
.blue {
	background: blue;
}

ในโค้ด JavaScript สะดวกที่จะรวบรวมคลาสของเรา ไว้ในอาร์เรย์:

let colors = ['red', 'green', 'blue'];

เมื่อมีอาร์เรย์เช่นนี้ เราสามารถแก้โจทย์ของเราได้: ในขณะที่สร้างเซลล์ เราจะกำหนด CSS ให้กับมัน โดยเลือกแบบสุ่มจาก อาร์เรย์ของเรา

สำหรับเรื่องนี้ ควรทำฟังก์ชันช่วยเหลือ บางอย่าง ที่รับอาร์เรย์เป็นพารามิเตอร์ และส่งคืนสมาชิกแบบสุ่มของมัน

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

ใช้ฟังก์ชันที่คุณสร้างขึ้นเพื่อทำให้ เซลล์ถูกทาสีด้วยสีสุ่ม เมื่อสร้างตาราง