Question

For my first foray into html5, I’m trying to make a scoreboard for the game Farkle.

I have figured out how to make a lame looking but functional graph system for up to five players, but I cannot figure out how to have it update more than once.

I realize that my code could be much better, but I didn’t want to write helper functions until I was sure how it would work.

As it is now, I’m getting weird behavior from the boxes. Rather than adding the “tally” to the total score, and drawing a box to reflect the new score, it does something that I don’t understand. Try typing 10, and then 90 for the same player to see what I mean.

Here is a “working” version, so that you can see my problem. http://jsfiddle.net/kBJB4/

edit: It seems like it rather than adding the numbers normally, eg. 1+1=2, it is doing some kind of append thing, eg. 1+1=11. I have no idea why.

Answer 1

The prompt() function call returns a string. So the variable tally in the following statement

var tally = prompt("score?");

is actually a string. So applying + operator to a string operand and an integer operand results in treating both the operands as string and performing string concatenation instead of integer addition. A simple fix is to convert the return value of prompt() to integer like:

var tally = parseInt(prompt ("Score?"));