X සහ O විකල්පය විග්‍රහ කිරීම

මෙම පාඩමෙන්, මට ඔබට පෙන්වා දීමට අවශ්‍ය X සහ O විකල්පය කේත පේලියකින් කරන්නේ කෙසේද යන්නයි. ඔබ බොහෝ විට මෙවැනි දෙයක් කර ඇත:

function start(cells) {
	let i = 0; // ගණකයේ ආරම්භක අගය
	
	for (let cell of cells) {
		cell.addEventListener('click', function() {
			if (i % 2 == 0) {
				this.textContent = 'X';
			} else {
				this.textContent = '0';
			}
			
			i++; // ගණකය වැඩි කරන්න
		});
	}
}

මම ගැටලුව කෙටි ආකාරයකින් විසඳීමට යෝජනා කරමි. අපගේ 'ක්‍රීඩකයන්' අරාව හදමු:

let gamers = ['X', 'O'];

ඔබට පෙනෙන පරිදි, මෙම අරාව තුළ X හි යතුර 0 වන අතර O - යතුර 1 වේ. එකම දෙය i % 2 ගැනද කියවිය හැකිය - X සඳහා ඉතිරිය 0 වන අතර O සඳහා - 1.

එනම් මෙම දෙය යතුර වෙනුවට භාවිතා කළ හැකිය:

let gamers = ['X', 'O'];
let key = i % 2;

console.log(gamers[key]);

හෝ ඊටත් කෙටි:

let gamers = ['X', 'O'];
console.log(gamers[i % 2]);

හෝ ඊටත් කෙටි:

console.log(['X', 'O'][i % 2]);

දැන් අපගේ start ශ්‍රිතයේ කේතය සරල කරමු:

function start(cells) {
	let i = 0;
	
	for (let cell of cells) {
		cell.addEventListener('click', function() {
			this.textContent = ['X', 'O'][i % 2];
			i++;
		});
	}
}

ස්වාධීනව, මගේ කේතය දෙස නොබලා, විස්තර කරන ලද නිවැරදි කිරීම සිදු කරන්න.

දැන් ඕනෑම සෛලයක් මත අසීමිත ක්ලික් සංඛ්‍යාවක් කළ හැකිය, උදාහරණයක් ලෙස, X O බවට හරවමින්. මෙය නිවැරදි කරන්න.