Score and rank appear on console.log but do not appear on page

let score = 0
let rank =''

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

answer1 = prompt ('How many eggs in a dozen');
if (+answer1 === 12) {
  score ++;
}
console.log(score);
answer2 = prompt ('What is the best food');
if (answer2 ==='Pizza' || answer2 === 'pizza') {
  score ++;
}
 console.log(score);                  
answer3 = prompt ('How many tacos can you eat?');
if (+answer3 > 6) {
  score++;
}

console.log(score);

answer4 = prompt ('Will you moo like a cow? Y or N');
if (answer4 ==='Y' || answer4 ==='y') {
  score ++;
}
console.log(score);

answer5 = prompt ('What color is red?');
  if (answer5 = 'red') {
    score++;
  }

console.log(score);


if (score >= 5) {
  rank='Gold';
}
else if (score >= 3) {
  rank='Silver';
}
else if (score >= 1) {
  rank = 'Bronze';
} else {
  rank = 'No crown';
}
console.log(rank);

main.innerHtml = `
<h2> You got ${score} out of 5 questions. </h2>
<p> You earned a ${rank} crown! </p>
  `;