javascript - 为什么条形图表现得如此奇怪？ html5 Canvas 和 javascript

Question

我第一次涉足 html5，我正在尝试为游戏 Farkle 制作记分牌。

我已经想出如何为最多五个玩家制作一个看起来很蹩脚但功能强大的图形系统，但我不知道如何让它更新不止一次。

我意识到我的代码可以做得更好，但我不想编写辅助函数，直到我确定它是如何工作的。

就像现在一样，我从盒子中得到了奇怪的行为。它不是将“计数”添加到总分，而是绘制一个方框来反射(reflect)新分数，而是做了一些我不明白的事情。尝试为同一个玩家输入 10，然后输入 90，看看我的意思。

这是一个“工作”版本，以便您可以看到我的问题。 http://jsfiddle.net/kBJB4/

edit: 似乎不是正常添加数字，例如。 1+1=2，它正在做某种附加的事情，例如。 1+1=11。我不知道为什么。

Answer 1

prompt() 函数调用返回一个字符串。所以下面语句中的变量tally

var tally = prompt("score?");

实际上是一个字符串。因此，将 + 运算符应用于字符串操作数和整数操作数会导致将这两个操作数视为字符串并执行字符串连接而不是整数加法。一个简单的修复方法是将 prompt() 的返回值转换为整数，例如:

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