Can't see what's wrong with my code.

const quiz = [
  ["What is this dog's name?", "Kevin"],
  ["What is your great great grandma?", "Nanny"],
  ["List the first three numbers", "123"],
  ["List the three numbers in reverse", "321"],
];

const rightAnswers = [];
const wrongAnswers = [];
let correctAnswers = 0;

for (let i = 0; i < quiz.length; i++) {
  let question = quiz[i][0];
  let answer = quiz[i][1];
  let response = prompt(question);

  if (response === answer) {
    rightAnswers.push(question);
  } else if (response !== answer) {
    wrongAnswers.push(question);
  }
} // 1. missing this closing bracket here

function createListItems(arr) {
  let items = '';
  for (let i = 0; i < arr.length; i++) {
    items += `<li>${arr[i]}</li>`; // 2. html has to be string
  }
  return items;
}

// 2. again, html has to be a string
let html= `
  <h2>These you got right!</h2>
  <ol>
    ${createListItems(rightAnswers)}
  </ol>
  <h2>These wrong!</h2>
  <ol>
    ${createListItems(wrongAnswers)}
  </ol>`;

// 3. you have to use innerHTML with with a capital "L"
document.querySelector('main').innerHTML = html;