जावास्क्रिप्ट में रंग बदलने वाला गेम

इस खंड में आप मेरी मदद से एक गेम लागू करेंगे। गेम एक तालिका के रूप में होगा, जिसकी कोशिकाएं विभिन्न यादृच्छिक रंगों में रंगी हुई होंगी।

मान लीजिए कि रंगों का एक निश्चित सेट है, उदाहरण के लिए, लाल, हरा, नीला। मान लीजिए कि प्रत्येक क्लिक कोशिका का रंग एक चक्र में बदलता है। खेल का उद्देश्य - न्यूनतम संख्या में क्लिक के साथ तालिका को एक ही - किसी भी - रंग का बनाना है।

आइए कार्यान्वयन शुरू करते हैं। शुरुआत में आइए तालिका के रूप में एक गेम बोर्ड बनाएं <table>:

html<table id="field"></table>

आइए कुछ CSS कोड जोड़ते हैं, जो सुंदरता बढ़ाएगा:

css#field td {
  width: 50px;
  height: 50px;
  border: 1px solid black;
  text-align: center;
  font-weight: bold;
}

आइए अब चर्चा करते हैं कि हमारे गेम के कार्यान्वयन के लिए कैसे आगे बढ़ा जाए। जैसा कि आप देख रहे हैं, यह कार्य पहले से ही काफी बड़ा है, ताकि इसे एक बार में हल किया जा सके। इसलिए इसे कुछ चरणों में विभाजित करना चाहिए - उप-कार्य, जिन्हें करने से हम धीरे-धीरे अपने मुख्य कार्य को हल कर लेंगे।

शुरुआत में सबसे तार्किक चरण तालिका की कोशिकाएँ बनाने वाली स्क्रिप्ट लिखना होगा। मान लीजिए, उदाहरण के लिए, गेम बोर्ड का आकार निम्नलिखित चर में संग्रहीत है:

javascriptlet rows = 3;
let cols = 3;