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 кодтарын өзіңізге көшіріңіз. Берілген өлшемде кесте жасайтын кодты жазыңыз.