如何将外部Javascript文件链接到Play Framework项目中的html文档？

Question

这是我的scala.html文件代码。

@()
<!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>

这是我的javascript文件。

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

这是存储javascript的文件目录。

产量

CSS工作正常。

但是Javascript不起作用。单击按钮时没有任何反应。

更新

因此，如果我只是在任何函数之外的test.js中发出警报，它就可以工作。页面加载时会显示警报。

alert("hello");

所以，这意味着js文件正确链接。但是，如果我将代码放在像之前的函数中并将其链接到按钮，它就不起作用。