Verwenden der JavaScript-Funktion von HTML Button funktioniert nicht

Question

Ich arbeite mit XDK und möchte eine HTML-Schaltfläche hinzufügen, die eine JS-Funktion aufrufen sollte. Die JS-Datei wurde im Projekt angelegt und wird mit <script type="text/javascript" src="app.js"></script>

My Button-Code enthalten ist:

<form> 
    <input id="change_button" type="button" value="Change" onClick="change();"/> 
</form> 

Und meine JS-Funktion:

function change() { 
    alert("Hello! I am an alert box!!"); 
} 

Aus irgendeinem Grunde nichts passiert, wenn ich die Taste Taste. Vielleicht vermisse ich etwas. Vielen Dank für Hinweise, wie Sie dieses Problem lösen können.

Answer 1

sollte die Funktion funktioniert, überprüfen jedoch der Pfad des app.js sehr einfach scheint

Answer 2

Ihr Code-Datei. Sie können Javascript direkt von einem onclick Attribut ausführen. Vielleicht versuchen Sie einfach input id="change_button" type="button" value="Change" onClick="alert('Hello, I am an alert box!!');"

Answer 3

Erstens können Sie überprüfen, ob Ihre Taste überhaupt funktioniert:

<form> 
    <input id="change_button" type="button" value="Change" onClick="alert('smth');"/> 
</form> 

Dann können Sie überprüfen, ob die Funktion global sichtbar ist: offene Browser-Konsole und versuchen change();. Auch, wie Nghi Nguyen vorgeschlagen hat, können Sie dort einige Fehler sehen.

Einer der beiden sollte fehlschlagen, da die Schaltfläche fehlschlägt.