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

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

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

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

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

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

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