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++;
    });
  }
}