Need help with displaying all the correct answers

I am trying to display what all the correct answers are, but I can not figure out how to increment through the array of objects correctly to display more than the first answer.

Here is my code:

const questions = [ { question: 'How many planets are in the Solar System?', answer: '8' }, { question: 'How many continents are there?', answer: '7' }, { question: 'How many legs does an insect have?', answer: '6' }, { question: 'What year was JavaScript created?', answer: '1995' } ];

const correct = []; const incorrect = []; let correctAnswers = 0;

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

if ( response === answer ) { correctAnswers++; correct.push(question); } else { incorrect.push(question); } }

function createListItems(arr) { let items = ''; for (let i = 0; i < arr.length; i++) { items += <li>${arr[i]}</li>; } return items; }

let html = ` <h1>You got ${correctAnswers} question(s) correct</h1> <h2>You got these questions right:</h2> <ol>${ createListItems(correct) }</ol>

<h2>You got these questions wrong:</h2> <ol>${ createListItems(incorrect) }</ol>

<h2>The correct answers are:</h2> <ol>${ createListItems(questions[0].answer) }</ol>

`;

document.querySelector('main').innerHTML = html;