Code is not calculating number of correct answers appropriately.

Greetings,

My code continues to calculate the score as only 2 correct/bronze, even though I am inputting all 5 correct answers. Any idea why it isn't adding up the correct answers appropriately?

let correctAnswers = 0;

let playerRank;

const main = document.querySelector("main");

/*

1. Ask at least 5 questions
   • Store each answer in a variable
   • Keep track of the number of correct answers */

const answer1 = prompt("What are female elephants called?"); if ( answer1.toUpperCase() === "COWS" ) { correctAnswers += 1; } const answer2 = prompt("What is the tallest animal in the world?"); if ( answer2.toUpperCase() === "GIRAFFE" ) { correctAnswers += 1; }
const answer3 = prompt("Baby rabbits are born blind, true or false?"); if ( answer3.toUpperCase === "TRUE" ){ correctAnswers += 1; } const answer4 = prompt("What food makes up nearly all of a Giant Panda's diet?"); if ( answer4.toUpperCase === "BAMBOO" ){ correctAnswers += 1; } const answer5 = prompt("What is the largest type of 'big cat' in the world?"); if ( answer5.toUpperCase === "TIGER" ){ correctAnswers += 1; }

/*

1. 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 = "No crown"; }

// 6. Output results to the <main> element

main.innerHTML = <h2>You got ${correctAnswers} out of 5 questions correct.</h2> <p>Crown earned: <strong>${playerRank}</strong></p> ;