सेल को अलग-अलग रंगों में रंगना
अगला तार्किक चरण हमारी सेल को यादृच्छिक रंगों में रंगना होगा। समस्या की शर्त के अनुसार हमारे पास रंगों का एक सीमित सेट है, मान लीजिए तीन: लाल, हरा, नीला।
यदि सोचा जाए, तो इन रंगों को सीएसएस कक्षाएं बनाना सुविधाजनक होगा। हम ये कक्षाएं अपनी तालिका की सेल को देंगे। आइए इन्हें बनाएं:
.red {
background: red;
}
.green {
background: green;
}
.blue {
background: blue;
}
जावास्क्रिप्ट कोड में हमारी कक्षाओं को एक सरणी में एकत्रित करना सुविधाजनक होगा:
let colors = ['red', 'green', 'blue'];
ऐसी सरणी होने पर, हम अपनी समस्या का समाधान कर सकते हैं: सेल बनाते समय हम इसे सीएसएस कक्षा देंगे, जिसे हमारी सरणी से यादृच्छिक रूप से चुनेंगे।
इसके लिए बेहतर होगा कि एक सहायक फ़ंक्शन बनाया जाए, जो पैरामीटर के रूप में सरणी लेगा और उसका यादृच्छिक तत्व वापस करेगा।
वर्णित फ़ंक्शन को लागू करें। इसके काम का परीक्षण करें।
आपके द्वारा बनाए गए फ़ंक्शन की सहायता से ऐसा करें कि तालिका बनाते समय सेल यादृच्छिक रंगों में रंग जाएं।
