My code isn't displaying the correct / wrong answers

<div id="output"></div>
<script>
/* 
  This is the quiz app.
  The program keeps track of the number of questions the user got correct.
  After all questions the progrma will display the number of questions that were answered correctly;
    It will show what questions the user got correct
    And it will show what questions were wrong.
  The questions and the answers are stored in an array.
  A loop is used for cycling through the array. It's also used to compare the response from the player to the answer in the array.
  The prompt will be used to ask the question.
*/

var correctAnswers = 0;
var wrongAnswers = 0;
var message_correctAnswers;
var correct = [];
var wrong = [];
var quizQuestions = [
  ['How many days are there in a week?', 7],
  ['What color is blood?', 'red'],
  ['How many starting HP does each hero start with in HearthStone?', 30]
];

function print(message) {
  var outputDiv = document.getElementById('output');
  outputDiv.innerHTML = message;
}

function buildList( arr ) {
  var listHTML = '<ol>';
  for (var i = 0; i < arr.length; i += 1) {
    listHTML += '<li>' + arr[i] + '</li>';
  }
  listHTML += '</ol>';
  return listHTML;
}

for (var i = 0; i < quizQuestions.length; i += 1) {
  var answer = prompt(quizQuestions[i][0]);
  if (parseInt(answer) === quizQuestions[i][1] || answer.toLowerCase() === quizQuestions[i][1]) {
    correctAnswers += 1;
    correct.push(quizQuestions[i][0]);
  } else {
    wrong.push(quizQuestions[i][0]);
  }
}

message_correctAnswers = 'You got ' + correctAnswers + ' answers correct.';
print(message_correctAnswers);
buildList(correct);
buildList(wrong);
</script>