Question

我在html文件中的<script>标记之间有一堆javascript，我试图将其移动到自己的文件中，以使其更有条理。

我将这样的javascript粘贴到名为dashboard.js的文件中，该文件位于与html（.hbs）文件相同的文件夹中：

$('#bidButton').on('click', function(e) {
  var bidAmount = $("#bidAmount").val() * 100;
  var bidAmount2 = $("#bidAmount").val();
  var bidDisplayAmount = parseFloat(Math.floor($("#bidAmount").val() * 100) / 100).toFixed(2);
  var credits = $("#credits").val();
  var bidPlusFive = $("#bidPlusFive").val();
  if (parseFloat(credits) < 0) {
    $(".success-messages").fadeOut();
    return $(".error-messages").text("Please add funds to your account before bidding.").fadeIn();
  } else if (bidAmount < bidPlusFive * 100) {
    $(".success-messages").fadeOut();
    return $(".error-messages").text("Must bid $" + bidPlusFive + " or more!").fadeIn();
  } else if (!isNaN(bidAmount)) {
    $(".error-messages").fadeOut();
    $.post("/bid/bid", {
        bidAmount: bidAmount2
      },
      function(data, status) {
        $(".error-messages").fadeOut();
        $(".success-messages").text("Congratulations! You're the highest bidder!").fadeIn();
        $("#currentBid").hide();
        $("#currentBid2").show();
        $("#currentBid3").text(bidAmount2).show();
        $("#newBidPlusFive").hide();
        $("#newBidPlusFive2").show();
        $("#newBidPlusFive3").text(parseFloat(bidAmount2) + 5).show();
      });
  } else {
    return $(".error-messages").text("Invalid amount").fadeIn();
  }

});

然后我把这行代码放在html文件中：

<script src="dashboard.js"></script>

我不确定我做错了什么。

此外，当我在浏览器中加载页面时，我收到的控制台错误为：SyntaxError: expected expression, got '<'。因此，出于某种原因，我的hbs布局模板将在js文件而不是js中呈现。

试图将JS从HTML文件移动到它自己的文件

0 个答案: