通過單擊事件偵聽器增加索引僅達到數組的長度

Question

我通過定義對象數組的長度來增加 i 計數，但當前條件未按預期工作（ if (i < questions.length){} ）

let questions = [
  {
    question: 'This is question one?',
    answerOne: 'Answer One 1',
    answerTwo: 'Answer Two 1',
  },
  {
    question: 'This is question Two?',
    answerOne: 'Answer One 2',
    answerTwo: 'Answer Two 2',
  },
  {
    question: 'This is question Three?',
    answerOne: 'Answer One 3 ',
    answerTwo: 'Answer Two 3',
  },
  {
    question: 'This is question Four?',
    answerOne: 'Answer One 4 ',
    answerTwo: 'Answer Two 4',
  },
];

const yesBtn = document.querySelector ('#answer1');
const noBtn = document.querySelector ('#answer2');
const startBtn = document.querySelector ('#start');
const answersDiv = document.querySelector ('.answers');
const mainDiv = document.getElementById ('main');
let answer1Count = 0;
let answer2Count = 0;

const genHtml = () => {
  let innerDiv = '';
  for (let i = 0; i < 1; i++) {
    console.log (questions[i].question, i);
    innerDiv += `${questions[0].question}`;

    if (answersDiv) {
      answersDiv.style.display = 'block';
      yesBtn.innerHTML = `${questions[0].answerOne}`;
      noBtn.innerHTML = `${questions[0].answerTwo}`;
    }

    if (yesBtn) {
      yesBtn.addEventListener ('click', () => { 
          if (i < questions.length) {
          i++;
          console.log (questions[i].question, i);
          answer1Count++;
          console.log ('answer 1 count =' + answer1Count);
          const mainDiv = (document.getElementById (
            'main'
          ).innerHTML = `${questions[i].question}
          `);
          yesBtn.innerHTML = `${questions[i].answerOne}`;
        }
      });
    }
  }
  return innerDiv;
};

錯誤：未捕獲的類型錯誤：無法讀取未定義的屬性“問題”

我知道它收到了錯誤，因為我仍在嘗試增加，所以條件不起作用？

Answer 1

我同意i < 1的 for 循環令人困惑的評論。 我不明白你在做什么，但看起來你的條件應該是i < questions.length - 1 ，或者你應該將i++移動到 function 的末尾。

就目前而言，代碼測試條件，立即增加i以打破條件，然后嘗試使用i 。