javascript - 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/へのリンクは次のとおりです。