Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript

Jordan Torres
seal-mask
.a{fill-rule:evenodd;}techdegree
Jordan Torres
Front End Web Development Techdegree Student 1,543 Points
Posted by Jordan Torres
.a{fill-rule:evenodd;}techdegree
Jordan Torres
Front End Web Development Techdegree Student 1,543 Points

Rank will not display

I copied a bit of the solution yet no matter how many correct/incorrect answers I submit nothing is displayed at the end of the quiz. No errors are shown in the console and the prompts work just fine. Here is my snapshot of said code https://w.trhou.se/kl8p1evgic Any probable solutions? Thanks in advance!

1 Answer

Steven Parker
Steven Parker
231,269 Points
Steven Parker
Steven Parker
231,269 Points

There are a few issues:

  • line 5 assigns the variable "main" with the HTML content of the element instead referring to the element itself
  • line 55 has a bad spelling of "innerhtml" (instead of "innerHTML")
  • the questions are comparing strings to numbers using the type-sensitive equality operator (===)
Jordan Torres
seal-mask
.a{fill-rule:evenodd;}techdegree
Jordan Torres
Front End Web Development Techdegree Student 1,543 Points
Jordan Torres
.a{fill-rule:evenodd;}techdegree
Jordan Torres
Front End Web Development Techdegree Student 1,543 Points

Thank you so much Steven! I have had constant trouble with understanding the document.querySelector usage, can you give me an example on how to fix that part specifically?

Steven Parker
Steven Parker
231,269 Points
Steven Parker
Steven Parker
231,269 Points

You are using the function correctly, but then selecting an attribute from the result:

// 3. Select the <main> HTML element
const main = document.querySelector('main').innerHTML; // this selects the innerHTML attribute
const main = document.querySelector('main');           // this assigns the element itself