Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

JavaScript

Jordan Torres
seal-mask
.a{fill-rule:evenodd;}techdegree
Jordan Torres
Front End Web Development Techdegree Student 1,497 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
215,940 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,497 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
215,940 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