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

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

javascriptlet 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 တစ်ခုထည့်သွင်းရန် အကြံပြုပါသည်။

javascriptfunction 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 သည် မကိန်းနံပါတ်တန်ဖိုးများတွင်ပေါ်လာမည်ဖြစ်သည်။