onclickを使用したJavascript関数呼び出し

Question

このコードに問題があります。ボタンをクリックすると「hello」関数を実行してアラートを開く必要がありますが、機能しません。

function hello(){ 
 
    alert("hi"); 
 
    } 
 

 
document.getElementById("one").onclick = hello();

<button id="one">Click me </button>

私は単にこれ

button onclick="hello()";

のように行うことができますことを知っているが、私はそれがJavaScriptのバージョンで動作する必要があります。基本的に私の質問です：ボタンをクリックしたときにボタンをクリックすると "hello"という関数を開く方法はありますか？

Answer 1

これは一般的な問題ですが、あなたとリンクするための標準的な答えが見つかりませんでした。

あなたの問題このライン：

document.getElementById("one").onclick = hello() 

がonclickにその関数の戻り値を代入し、その後機能helloを実行します。

は、あなたは本当にこれが欲しい：

のonclickプロパティに関数のリファレンスを割り当て

document.getElementById("one").onclick = hello; 

。

しかし、onclickの使用は時代遅れであり、多くの理由でaddEventListenerの使用が推奨されています。

Answer 2

onclickプロパティに関数を割り当てる必要があります。

すぐにを呼び出し、戻り値（undefined）を割り当てます。

()を関数名の後に置かないでください。

document.getElementById("one").onclick = hello;