it looks ok... but it does not work.

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

  Let correctGuess = 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 q1 = prompt('What is your favorite color?');
        if(q1.toUpperCase() === 'GREEN') {
        correctGuess = (correctGuess +1);
  } 
  const q2 = prompt('What is your favorite main dish?');
       if(q2.toUpperCase() === 'LASAGNA') {
        correctGuess +=1;
  }
  const q3 = prompt('What is your favorite dessert?');
       if(q3.toUpperCase() === 'STRAWBERRY SHORTCAKE') {
        correctGuess +=1;
  }
  const q4 = prompt('What is your favorite hot beverage?');
       if(q1.toUpperCase() === 'HOTCHOCOLATE') {
        correctGuess +1;
  }
  const q5 = prompt('What are your favorite cookies?');
     if(q1.toUpperCase() === 'SNICKERDOODLES') {
        correctGuess +1= (correctGuess +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 (correctGuess === 5) {
      rank = "You win a GOLD Crown!" 
    } else if (correctGuess >=3) {
      rank = "You win a SILVER Crown!"
    } else if (correctGuess >=1) {
      rank = "You win a BRONZE Crown!"
    } else {
      rank ="Sorry, You don't get a Crown."
    }


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