এক্স এবং ও-এর পর্যায়ক্রম

পূর্ববর্তী পাঠের সমস্যা সমাধান করার পরে, আপনার নিম্নলিখিত কোডটি পাওয়া উচিত:

let cells = document.querySelectorAll('#field td');
start(cells);

function start(cells) {
	for (let cell of cells) {
		cell.addEventListener('click', function() {
			this.textContent = 'X';
		});
	}
}

এখন আসুন এক্স এবং ও-এর পর্যায়ক্রম করি। এটি করার জন্য, আমি একটি কাউন্টার প্রবর্তন করার প্রস্তাব করছি:

function start(cells) {
	let i = 0; // কাউন্টারের প্রারম্ভিক মান
	
	for (let cell of cells) {
		cell.addEventListener('click', function() {
			this.textContent = 'X';
			
			i++; // কাউন্টার বৃদ্ধি করি
		});
	}
}

এই ধরনের একটি কাউন্টার থাকলে, আমরা সহজেই এক্স এবং ও-এর পর্যায়ক্রম বাস্তবায়ন করতে পারি: স্পষ্টতই, এক্স কাউন্টারের জোড় মানগুলিতে উপস্থিত হবে, এবং ও - বিজোড় মানগুলিতে।

বর্ণিত এক্স এবং ও-এর পর্যায়ক্রম বাস্তবায়ন করুন।