I have a trivia app that is importing an array of objects called "questions". I have used getElementById to capture each of the buttons, and also added click event listeners for the "checkAnswer" function below.

However, I am getting the error: Uncaught TypeError: can't access property "correct", answer is undefined. This happens with any button I click.

I am using type="module" within the script tag in the HTML file.

The buttons are populating the correct text, but are not console logging any text like it should.

"randomQuestion" is a global variable that is being generated in another function within the same file. This is what it looks like:

  randomQuestion = questions[Math.floor(Math.random()*questions.length)];

function checkAnswer(bntIndex) {
  answer = randomQuestion.answers[bntIndex];
  if (answer.correct === true) {
    console.log("Correct!");
  } else {
    console.log("Incorrect");
  }
}