我的Javascript代码无效

Question

为什么这样做：

upButton.addEventListener('click', function(){player.up()}, false);
//downButton.addEventListener('click', function(){player.down()}, false);

但这不起作用：

upButton.addEventListener('click', function(){player.up()}, false);
downButton.addEventListener('click', function(){player.down()}, false);

这些是按钮：

var upButton = document.getElementById('up');
var downButton = document.getElementById('down');

现在程序只是将“Hello World”打印到画布上。当我将事件监听器添加到downButton时，它不会打印任何内容。画布出现但我没有看到“Hello World”消息。

我很困惑。谢谢你的帮助。

这是jsfiddle的链接 http://jsfiddle.net/PPuCR/9/embedded/result/

Answer 1

您的向下按钮 ID 为Down而不是down所以请使用以下行

var downButton = document.getElementById('Down');

注意：元素的ID为区分大小写

Answer 2

请考虑尊重命名惯例“向下”“向下”。 无论如何，我想我已经修好了。

var upButton = document.getElementById('up');
var downButton = document.getElementById('down');

以下是链接：http://jsfiddle.net/PPuCR/15/embedded/result/

度过愉快的一天。

Answer 3

根据您的小提琴，您拥有right和down的大写ID。区分大小写。我用一个工作小提琴填充空白：http://jsfiddle.net/guydog28/duYBu/