ფერების ცვლილების თამაში JavaScript-ზე

ამ განყოფილებაში თქვენ ჩემი დახმარებით განახორციელებთ თამაშს. თამაში იქნება ცხრილი, რომლის უჯრედებიც გაფერადებულია სხვადასხვა შემთხვევით ფერებში.

მოდით გვქონდეს ფერების გარკვეული ნაკრები, მაგალითად, წითელი, მწვანე, ლურჯი. ყოველი დაწკაპუნება უჯრედზე ცვლის მის ფერს წრეზე. თამაშის მიზანი - ყველაზე ნაკლები დაწკაპუნების რაოდენობით გახადოს ცხრილი ერთი - ნებისმიერი - ფერის.

მოდით შევუდგეთ განხორციელებას. დასაწყისისთვის გავაკეთოთ სათამაშო მოედანი ცხრილის სახით <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 კოდები. დაწერეთ კოდი, რომელიც შექმნის ცხრილს მითითებული ზომით.