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

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

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

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

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

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

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

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