Can't get my code to work with the quiz. Not sure what I am doing wrong. Everything looks correct, score not working.

/* 
  1. Store correct answers
   - When quiz begins, no answers are correct
*/

let correctAnswers = 0;


// 2. Store the rank of a player

let playerRank = '';


// 3. Select the <main> HTML element
const main = document.querySelector('main')

/*
  4. Ask at least 5 questions
   - Store each answer in a variable
   - Keep track of the number of correct answers
*/
const answerOne = prompt("Who was the first name of our first president?");
if (answerOne.toUpperCase() === "George") {
  correctAnswers += 1;
}

const answerTwo = prompt("What is the third month of the year?");
if (answerTwo.toUpperCase() === "March") {
  correctAnswers += 1;
}

const answerThree = prompt("What fruit a day keeps the doctor away?");
if (answerThree.toUpperCase() === "Apple") {
  correctAnswers += 1;
}

const answerFour = prompt("Who created Apple?");
if (answerFour.toUpperCase() === "Steve Jobs") {
  correctAnswers += 1;
}

const answerFive = prompt("What animal is Pepe Le Pew?");
if (answerFive.toUpperCase() === "Skunk") {
 correctAnswers += 1;
}

/*
  5. Rank player based on number of correct answers
   - 5 correct = Gold
   - 3-4 correct = Silver
   - 1-2 correct = Bronze
   - 0 correct = No crown
*/
if (correctAnswers === 5) { 
  playerRank = "Gold";
} else if (correctAnswers >= 3) { 
  playerRank = "Silver"; 
} else if (correctAnswers >= 1) { 
  playerRank = "Bronze"; 
} else { 
  playerRank = "None :("
}


// 6. Output results to the <main> element
main.innerHTML = `
<h2>Thank you for playing, you got ${correctAnswers} correct questions!</h2>
<p>Crown earned: <strong>${playerRank}</strong></p>