Why won't my extra function given answers print and why are my right answers a list with bullets and the wrong with nr's

var correctAnswer = 0;

var questions = [
  ['How much is 10 + 10', '20'],
  ['What does John Snow know?', 'NOTHING'],
  ['Is a tomato a vegetable or a fruit', 'YES']
  ];

var question;
var answer;
var response;
var html;

var correct = [];
var wrong = [];

var yourAnswers = [];


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


for (var i = 0; i < questions.length; i += 1) {
  question = questions[i][0];
  answer = questions[i][1];
  response = prompt(question.toUpperCase());
  if (response.toUpperCase() === answer) {
    correctAnswer += 1;
    // Goed antwoord tonen
    correct.push(question);
  } else {
    //Fout antwoord tonen
    wrong.push(question);
  }
}


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

function buildAnswersList (arr2) {
  if (response === true) {
    yourAnswers.push(answer);
  }
  var answerList = '<ol>';
  for (var i = 0; i < arr2.length; i += 1){
  answerList += '<li>' + arr2 + '</li>';
  }
  answerList += '</ol>'
  return answerList;
}


html = 'You got ' + correctAnswer + ' questions right';
html += '<h2>You got these correct</h2';
html += buildList(correct);
html += '<h2>You got these wrong</h2>';
html += buildList(wrong);
html += '<h2>Your answers were:</h2>';
html += buildAnswersList(yourAnswers);
print(html);