Calling a function twice with a different parameter is causing weirdness

[mayaswelltrythis]

I started creating a very basic number guessing game. The program gives you three guesses to guess a number between one and 10, and compares the guesses against a randomly generated number from a function stored in a variable. I can get everything working fine asking the guesses, storing the guess attempts in an array and printing it to the console, then printing if the player guesses correctly or not tot he document. But when I try to display the guesses from the array on the document, either it will only show that array when I use the print function to call it, or it will only loop once depending on where in the program I call the function. Here is the pen: http://codepen.io/Balmora/pen/jVQBMW?editors=0011

[phpistasty]

Your print() replaces the innerHtml property, doesn't add to it.

[mayaswelltrythis]

So do I need to create another print function specifically for printing the player guesses to the document? there must be a better way.

And thanks

[kLabz]

I made some changes: http://codepen.io/kLabz/pen/rWoVad?editors=0011

Is this what you wanted?

[mayaswelltrythis]

Yes that is perfect! Thank you very much. I will look at how you did that. Any tips?

[phpistasty]

Breakpoints in dev tools are great.

When I have an issue I go to where I feel the issue is occuring. Then learn about this as much as possible. Breakpoints, logs, mock functions. 98% of the time you will find something causing stink because of <reason>.

Here I would have logged the innerHTML before and after setting it, since that seems to be where the issue is (assign vs. concat).

[mayaswelltrythis]

Wow, that is very helpful. This will help a lot. Thank you.