JavaScript - onClickを使用したdocument.getElementByID

Question

私は単なる楽しいためにHTMLドキュメントで単純なゲームをコーディングしようとしています。それには、クリックするとあなたのスコアに追加される画像があります。

私がイメージとそれがonClick値が...

if (foo == 1) { 
    document.getElementById("test").src = "images/test2.png"; 
    document.getElementById("test").onClick = "foo2()"; 
} 

あります...しかし、それは動作しませんを変更する必要があり、スコア、追加機能の中に簡単なif文を作成しました。イメージは正常に変更されますが、実際のonClickは変更されません。コンソールをチェックすると、エラーもスローされません。

Answer 1

プロパティはすべて小文字で、ファンクションを受け取ります。文字列ではありません。

document.getElementById("test").onclick = foo2; 

addEventListenerも参照してください。

Answer 2

window.onload = prepareButton; 

function prepareButton() 
{ 
    document.getElementById('foo').onclick = function() 
    { 
     alert('you clicked me'); 
    } 
} 

<input id="foo" value="Click Me!" type="button" /> 

Answer 3

document.getElementByID('foo').onclick = function(){ 
    promt('Hello world); 
}