X နှင့် O အလှည့်ကျခြင်း

ယခင်သင်ခန်းစာ၏လုပ်ဆောင်ချက်ကိုဖြေရှင်းပြီးနောက် သင့်တွင်အောက်ပါကုဒ်ရှိသင့်သည်။

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

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

ယခု X နှင့် O အလှည့်ကျခြင်းကိုပြုလုပ်ကြပါစို့။ ထိုသို့ပြုလုပ်ရန်အတွက် လှမ်းသစ်များကိုရေတွက်သည့် counter တစ်ခုထည့်သွင်းရန် အကြံပြုပါသည်။

function start(cells) {
	let i = 0; // counter ၏စတင်တန်ဖိုး
	
	for (let cell of cells) {
		cell.addEventListener('click', function() {
			this.textContent = 'X';
			
			i++; // counter ကိုတိုးမြင့်သည်
		});
	}
}

ထိုသို့သော counter ရှိခြင်းအားဖြင့် X နှင့် O အလှည့်ကျခြင်းကို လွယ်ကူစွာအကောင်အထည်ဖော်နိုင်ပါသည်။ ထင်ရှားသည်မှာ X သည် counter ၏စုံနံပါတ်တန်ဖိုးများတွင်ပေါ်လာပြီး O သည် မကိန်းနံပါတ်တန်ဖိုးများတွင်ပေါ်လာမည်ဖြစ်သည်။

ဖော်ပြပါ X နှင့် O အလှည့်ကျခြင်းကို အကောင်အထည်ဖော်ပါ။