Javascript Funktion Anruf mit onclick

Question

Ich habe ein Problem mit diesem Code, wenn ich auf die Schaltfläche klicken, sollte es die Funktion "Hallo" tun und eine Warnung öffnen, aber es funktioniert nicht.

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

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

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

Ich weiß, dass ich einfach so

button onclick="hello()";

tun könnte, aber ich brauche es mit der JavaScript-Version zu arbeiten. Grundsätzlich meine Frage ist: Gibt es eine Möglichkeit, die Funktion "Hallo" zu öffnen, wenn ich auf den Button klicke, ohne den Onclick in den Button-Tag zu setzen ??

Answer 1

Dies ist ein häufiges Problem, aber ich konnte keine kanonische Antwort finden, zu der Sie verlinken.

Ihre Ausgabe dieser Zeile:

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

die die Funktion hello weist dann den Rückgabewert dieser Funktion zu onclick ausführt.

Sie wollen wirklich diese:

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

, die eine Funktion Verweis auf die OnClick Eigenschaft zuordnet. Die Verwendung von onclick ist ziemlich veraltet, und die Verwendung von addEventListener wird aus einer Reihe von Gründen empfohlen.

Answer 2

Sie müssen der Eigenschaft onclick eine Funktion zuweisen.

Sie sind sofort die hello Funktion aufrufen und den Rückgabewert zuweisen (die undefined ist).

Geben Sie () nicht nach dem Funktionsnamen ein.

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