Question

每次用户在框中输入值时，我都会尝试不断添加到js变量。

到目前为止，如果他们进入'21'，警报会说'你的余额是12英镑'，但如果我输入'15'，我希望它说你的余额是'27'，而是说它'15'或者更确切地说只是最新的金额。

以下代码：

<form action="" method="get">
  <input type="number" value="" id="amountDropped">
  <input type="submit" value="Deposit amount" onclick="depositedFunds()">
</form>

var firstAmount = 0;    
function depositedFunds(){

    var ad = document.getElementById("amountDropped");

    firstAmount = +firstAmount + +ad.value;
    alert ("Your balance is £" + firstAmount);
};

感谢

Answer 1

进行更改的功能会附加到提交按钮。

当用户点击按钮时：

JS运行
值已更新
提醒值
表单已提交
加载新页面
新页面中有var firstAmount = 0;

你应该：

使用服务器端代码动态设置默认值。请参阅Unobtrusive JavaScript 和
防止提交按钮的默认行为

使用onclick属性，您需要从事件处理函数返回false：

onclick="depositedFunds(); return false;"

现代代码会将问题分开，而不是将事情紧密地联系到触发表单提交的特定方式。

＆＃13;

var firstAmount = 0;

function depositedFunds(e) {
  e.preventDefault();
  var ad = document.getElementById("amountDropped");
  firstAmount = +firstAmount + +ad.value;
  alert("Your balance is £" + firstAmount);
};

document.querySelector('form').addEventListener('submit', depositedFunds);

＆＃13;

<form method="get">
  <input type="number" id="amountDropped">
  <input type="submit" value="Deposit amount">
</form>

＆＃13;

如何继续添加JS变量？

1 个答案: