Wie verknüpfe ich externe Javascript-Dateien mit einem HTML-Dokument im Play Framework-Projekt?

Dies ist mein scala.html-Dateicode.Wie verknüpfe ich externe Javascript-Dateien mit einem HTML-Dokument im Play Framework-Projekt?

@() 
<!DOCTYPE html> 
<html> 
    <head> 
     <title> Spin To Win </title> 
     <link rel="stylesheet" media="screen" href="@routes.Assets.versioned("stylesheets/styles.css")"> 
     <script type="text/javascript" src='@routes.Assets.versioned("scripts/test.js")'></script> 
    </head> 
    <body> 
     <h1> This is title </h1> 
     <input type="button" value="click" onclick="showAlert()"> 
    </body> 
</html>

Dies ist meine Javascript-Datei.

function showAlert() { 
    alert("Hello"); 
}

Dies ist das Dateiverzeichnis, in dem das Javascript gespeichert ist.

Ausgabe

CSS korrekt funktioniert.

Aber Javsascript funktioniert nicht. Nichts passiert, wenn ich auf den Button klicke.

aktualisiert

Also, wenn ich außerhalb einer Funktion, arbeitet eine Warnung in dem test.js gerade auf sich. Die Warnung wird angezeigt, wenn die Seite geladen wird.

alert("hello");

Also, das bedeutet, dass die js-Datei ordnungsgemäß verknüpft ist. Aber wenn ich den Code in eine Funktion wie früher und verknüpfen Sie es mit einer Schaltfläche, funktioniert es nicht.

Quelle

2017-12-25 Enzio

Prüfung für Konsole Fehler, –

Sie führen Ihre Funktion nicht tatsächlich aus. sollte Ihr Code sein:

function showAlert() { 
    alert("Hello"); 
} 
showAlert();

Für Tasten, sollte es sein:

<button onclick="showAlert()">Button</button>

Quelle

2017-12-25 06:54:10

Ich habe dies in meinem Code. – Enzio

Funktioniert der Code ohne Ereignis? –

Wie verknüpfe ich externe Javascript-Dateien mit einem HTML-Dokument im Play Framework-Projekt?

Antwort

Verwandte Themen