innerHTML don't work

Question

Hey Guys...

I just finished the array section of the "Javascript, Arrays and Objects" course, and the final challenge was pretty hard but i find out how solve it...

The problem is after I replace the "document.write" for "innerHTML" in the "print function" the code don't work the way as I want, someone can help me with this?

Here is the code: https://w.trhou.se/xi9978nwwh

Answer 1 · 2015-07-17T04:28:07Z

July 17, 2015 4:28am

When you call innerHTML, you're setting the html for that element. This means that your inner html will only be equal to the last thing to set it to. Basically, you're overwriting your html repeatedly with new information, instead of adding information.

// Change all of these print statements to add to the message variable.
// Then print the message variable.

print("<h2>You Hit " + rightHits + " Questions:</h2>");
print(generateAnswersList(rightQuestions));

print("<h2>And Missed " + wrongHits + " Questions:</h2>");
print(generateAnswersList(wrongQuestions));

// Something like this...

var message = "<h2>You Hit " + rightHits + " Questions:</h2>";
message += generateAnswersList(rightQuestions);

message += "<h2>And Missed " + wrongHits + " Questions:</h2>";
message += generateAnswersList(wrongQuestions);

print(message);

Welcome to the Treehouse Community

Looking to learn something new?

Ygor Fonseca

Ygor Fonseca

innerHTML don't work

1 Answer

rydavim

rydavim

Ygor Fonseca

Ygor Fonseca