選択の問題を連続で出そうとしたらエラーが起きる

Question

前提・実現したいこと

四択の問題を連続で出そうとしているのですがエラーや、ボタンが反応しなかったり、問題と選択肢が違ったり問題数が足りなかったりして出来ません。なぜか二つ目のプログラムで二問目の問題文が違うけれど第二門として出てきたので載せました。

発生している問題・エラーメッセージ

エラーメッセージ
```![イメージ説明](1d9743c1fda0fac9ca8956f80b389651.png)
![イメージ説明](9938285db59fad7ca8d44836039c955d.png)
### 該当のソースコード

```javascript
const quiz = [
    {
  question: 'ゲーム史上、最も売れたゲーム機は次のうちどれ？',
  answers: [
    'スーパーファミコン',
    'プレイステーション',
    'ニンテンドースイッチ',
    'ニンテンドーDS' 
  ],     
correct:'ニンテンドーDS'    
}, {
    question: '糸井重里が企画に関わった、任天堂の看板ゲームといえば？',
    answers: [
      'MOTHER2',
      'スーパーマリオブラザーズ3',
      'スーパードンキーコング',
      '星のカービィ'
    ],
    correct:'MOTHER2'       
}, {
    question: 'ファイナルファンタジーⅣの主人公の名前は？',
  answers: [
    'フリオニール',
    'クラウド',
    'ティーダ',
    'セシル' 
],
correct:'セシル'     
}
];
const quizLength = quiz.length;
let quizIndex = 0;
let buttonIndex,buttonLength
setupQuiz = () => {
const button = document.getElementsByTagName('button')
  document.getElementById('js-question').textContent = quiz[quizIndex].question;
  let buttonIndex = 0;
  let buttonLength = button.length;          
  while(buttonIndex < buttonLength) {
    button[buttonIndex].textContent = answers[buttonIndex];
    buttonIndex++;
    }
}
setupQuiz();

document.addEventListener('click', event => {
  if (event.target.tagName == 'BUTTON') {
    if (correct === event.target.textContent){
      window.alert('正解！');

    } else {
      window.alert('不正解！');
    }
    quizIndex++
    };
   
    if(quizIndex < quizLength){
    //問題数がまだあればこちらを実行
    setupQuiz();    
}else{
//問題数がもうなければこちらを実行
window.alert('終了！');
  };
})
 

const quiz = [
    {
  question: 'ゲーム史上、最も売れたゲーム機は次のうちどれ？',
  answers: [
    'スーパーファミコン',
    'プレイステーション',
    'ニンテンドースイッチ',
    'ニンテンドーDS' 
  ],     
correct:'ニンテンドーDS'    
}, {
    question: '糸井重里が企画に関わった、任天堂の看板ゲームといえば？',
    answers: [
      'MOTHER2',
      'スーパーマリオブラザーズ3',
      'スーパードンキーコング',
      '星のカービィ'
    ],
    correct:'MOTHER2'       
}, {
    question: 'ファイナルファンタジーⅣの主人公の名前は？',
  answers: [
    'フリオニール',
    'クラウド',
    'ティーダ',
    'セシル' 
],
correct:'セシル'     
}
];

const quizLength = quiz.length;
let quizIndex = 0;

const question = 'ゲーム史上、最も売れたゲーム機は次のうちどれ？';
const answers = [
'スーパーファミコン',
'プレイステーション',
'ニンテンドースイッチ',
'ニンテンドーDS'
]
const correct = 'ニンテンドーDS';
let buttonIndex,buttonLength
console.log(document.getElementById('js-question').textContent = question);
const button = document.getElementsByTagName('button')
button[0].textContent = answers[0];
button[1].textContent = answers[1];
button[2].textContent = answers[2];
button[3].textContent = answers[3];

setupQuiz = () => {
console.log(document.getElementById('js-question').textContent = quiz[quizIndex].question);
  document.getElementById('js-question').textContent = question;
  let buttonIndex = 0;
  let buttonLength = button.length;          
  while(buttonIndex < buttonLength) {
    button[buttonIndex].textContent = answers[buttonIndex];
    buttonIndex++;
  }
  
document.addEventListener('click', event => {
  if (event.target.tagName == 'BUTTON') {
    if (correct === event.target.textContent){
      window.alert('正解！');

    } else {
      window.alert('不正解！');
    }
    quizIndex++;
    };
    if(quizIndex < quizLength){
    //問題数がまだあればこちらを実行
    setupQuiz();    
}else{
//問題数がもうなければこちらを実行
window.alert('終了！');
  };})}
 
 setupQuiz();

試したこと

vscodeでの確認、、色々なコードでの確認、見本動画の見直し
ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[int32_t]

ブラウザの開発者ツールのコンソールにエラーが出ているはずです。エラーの内容は問題を理解するのにとてもとても重要なので、必ず質問文に含めてください。

Answer 1

  let buttonIndex = 0;
  let buttonLength = button.length;          
  while(buttonIndex < buttonLength) {
    button[buttonIndex].textContent = answers[buttonIndex];
    buttonIndex++;
    }

answers という変数はコード中で定義されていません。quiz[quizIndex].answers でしょうか。

  for (let i = 0; i < button.length; ++i) {
    button[i].textContent = quiz[quizIndex].answers[i];
  }

Comments

[hanpan]

正しい定義がされていないとconsole.logで下文にエラーが出たんですけどどうしたらいいですかね
if (correct == event.target.textContent){

[int32_t]

回答に書いた "answers" の問題と同じですね。"correct" という変数がないので、どうにかする必要があります。

[hanpan]

色々考えてみましたがわからなかったです。全体的に分の修正が必要ですかね？

[int32_t]

いえ、修正はたぶん１行だけですよ。この answers に対する回答「answers という変数はコード中で定義されていません。quiz[quizIndex].answers でしょうか。」を correct にも応用するだけですよ。