জাভাস্ক্রিপ্টে রঙ পরিবর্তনের খেলা

এই বিভাগে আপনি আমার সহায়তায় একটি খেলা বাস্তবায়ন করবেন। খেলাটি একটি টেবিল নিয়ে গঠিত হবে, যার কোষগুলি বিভিন্ন এলোমেলো রঙে রাঙানো।

ধরা যাক নির্দিষ্ট কিছু রঙের সেট আছে, উদাহরণস্বরূপ, লাল, সবুজ, নীল। ধরুন প্রতিটি ক্লিক কোষের রঙকে একটি চক্রে পরিবর্তন করে। খেলার উদ্দেশ্য হল সর্বনিম্ন সংখ্যক ক্লিকে টেবিলটিকে একটি - যেকোনো - রঙ করা।

চলুন বাস্তবায়নে এগিয়ে যাই। প্রথমে একটি টেবিল হিসাবে খেলার মাঠ তৈরি করি <table>:

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

আসুন কিছু CSS কোড যোগ করি, সৌন্দর্য বর্ধনের জন্য:

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

এখন আমাদের খেলার বাস্তবায়ন কীভাবে করা যায় তা নিয়ে আলোচনা করা যাক। যেমন আপনি দেখতে পাচ্ছেন, এই কাজটি ইতিমধ্যেই যথেষ্ট বড়, তাই সরাসরি এটি সমাধান করা যায় না। তাই এটিকে কিছু পর্যায়ে ভাগ করা উচিত - উপ-কার্য, যা সম্পাদন করে আমরা ধীরে ধীরে আমাদের মূল কাজটি সমাধান করব।

শুরুতে সবচেয়ে যৌক্তিক পর্যায় হবে একটি স্ক্রিপ্ট লেখা যা টেবিলের কোষ তৈরি করে। ধরুন, উদাহরণস্বরূপ, খেলার মাঠের আকার নিম্নলিখিত ভেরিয়েবলগুলিতে সংরক্ষিত আছে:

let rows = 3;
let cols = 3;

প্রদত্ত HTML এবং CSS কোডগুলি নিজের কাছে কপি করুন। এমন একটি কোড লিখুন যা একটি টেবিল নির্দিষ্ট আকারে তৈরি করবে।