我的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爲right和down。有大小寫。我用一個工作小提琴填補了空白：http://jsfiddle.net/guydog28/duYBu/

Answer 2

你的下鍵ID是Down不down因此使用下面的線鏈接

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

注：一個元素的ID是區分大小寫

Answer 3

請考慮尊重命名約定「向下」「向下」。 無論如何，我認爲我解決了它。

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

這裏是鏈接：http://jsfiddle.net/PPuCR/15/embedded/result/

有一個愉快的一天。