Code not working at all

/* 
  1. Store correct answers
   - When quiz begins, no answers are correct
*/
let correct = 0;

// 2. Store the rank of a player
let rank;

// 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 answer1 = prompt("What is the color of the sky?");
if ( answer1.toUpperCase() === 'Yellow') {
  correct += 1;
}
const answer2 = prompt("What is the color of the ocean?");
if ( answer2.toUpperCase() === 'Blue') {
  correct += 1;
  const answer3 = prompt("What is a device that tells time?");
if ( answer3.toUpperCase() === 'Clock') {
  correct += 1;
  const answer4 = prompt("When water falls from the sky, what's that called?");
if ( answer4.toUpperCase() === 'Rain') {
  correct += 1;
  const answer5 = prompt("What color is a paper clip?");
if ( answer5.toUpperCase() === 'Silver') {
  correct += 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 ( correct === 5 ) {
rank = 'Gold';
} else if ( correct >= 3) {
rank = 'Silver';
} else if ( correct >= 1) {
rank = 'Bronze';
} else {
rank = 'None :(';
}

// 6. Output results to the <main> element
main.innerHTML = 
   `<h2>You got ${correct} out of 5 questions correct.</h2>
    <p>Crown earned: <strong>${rank}</strong></p>
`;