Mchezo wa Kubadilisha Rangi kwenye JavaScript

Katika sehemu hii utatekeleza kwa msaada wangu mchezo. Mchezo utakuwa na jedwali, ambalo seli zake zimepakwa rangi tofauti za nasibu.

Wacha tuwe na seti maalum ya rangi, kwa mfano, nyekundu, kijani, bluu. Wacha kila bofya kwenye seli ibadilishe rangi yake kwa mzunguko. Lengo la mchezo - kwa idadi ndogo zaidi ya kubofya fanya jedwali la rangi moja - yoyote -.

Wacha tuanze utekelezaji. Kwanza tutafanye uwanja wa mchezo kwa mfumo wa jedwali <table>:

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

Wacha tuongeze baadhi ya msimbo wa CSS, unaovuta urembo:

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

Wacha tuzungumzie sasa, jinsi ya kukaribia utekelezaji wa mchezo wetu. Kama unavyoona, hili swala tayari ni kubwa sana, kutatua moja kwa moja hiyo. Kwa hivyo inapaswa kugawanywa katika baadhi ya hatua - ndoto, kufanya ambayo hatua kwa hatua tatua swala letu kuu.

Kwa mwanzo hatua ya kimantiki zaidi itakuwa kuandika skripti, inayounda seli za jedwali. Wacha, kwa mfano, ukubwa wa uwanja wa mchezo uhifadhiwe katika vigezo vifuatavyo:

let rows = 3;
let cols = 3;

Iakili mwenyewe mifumo ya HTML na CSS iliyotolewa. Andika msimbo, ambao utaunda jedwali la ukubwa uliopangwa.