X နှင့် O အလှည့်ကျပြောင်းလဲခြင်း ခွဲခြမ်းစိတ်ဖြာခြင်း

ဤသင်ခန်းစာတွင် ကျွန်ုပ်သည် X နှင့် O အလှည့်ကျပြောင်းလဲခြင်းကို ကုဒ်တစ်ကြောင်းတည်းဖြင့် မည်သို့လုပ်ဆောင်ရမည်ကို သင့်အား ပြသလိုပါသည်။ သင် ဖြစ်နိုင်ခြေရှိသည်မှာ အောက်ပါအတိုင်း တစ်ခုခုလုပ်ထားပြီးဖြစ်နိုင်သည်။

javascriptfunction 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++; // မှတ်တမ်းကိန်းကို တိုးမြှင့်ပါ။
    });
  }
}

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

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

သင်မြင်တွေ့ရသည့်အတိုင်း၊ ဤခင်းကျင်းတန်ဖိုးတွင် X သည် သော့ 0 ရှိပြီး၊ O သည် သော့ 1 ရှိသည်။ ထိုအရာကို i % 2 အတွက်လည်း ပြောနိုင်သည်။ - X အတွက် ကျန်ရှိနေမည့် ကိန်းမှာ 0 ဖြစ်ပြီး O အတွက်မှာ 1 ဖြစ်သည်။

ဆိုလိုသည်မှာ ဤအရာကို သော့အစားထိုးအသုံးပြုနိုင်သည်။

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

console.log(gamers[key]);

သို့မဟုတ် ထို့ထက်ပို၍ တိုပါစေ။

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

သို့မဟုတ် ထို့ထက်ပို၍ တိုပါစေ။

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

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

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