Question

有几种方法可以提出，我正在尝试最简单的方法。基本上，我有两个字段......一个是添加一个数字，另一个是减去。我想要的是，当一个数字输入到任何一个时（让我们暂时坚持添加输入）并在按下按钮“+”后让它在底部更新。我希望结果保持在底部，所以当一个新值放入添加框并按下按钮时，它会加到之前的总数。对于我的生活，我无法想象这一个。一旦解决了，我将自己负责减法，只需要向正确的方向推进。目前的代码如下。

<div id="entire">
  <div id="content">
    <input type="number" id="addInput" placeholder="0">
    <button type="button" id="addBtn" onclick="add()">+</button>
    <br>
    <br> 
    <input type="number" id="subInput" placeholder="0">
    <button type="button" id="subBtn" onclick="sub()">-</button>
    <br>
    <br>
    <div id="totalAmt"></div>
    <br>
    <input type="button" id="clear" onclick="clearFields()" value="Clear">

    <input type="button" id="reset" onclick="reset()" value="Reset">
  </div>
</div>

function add() {
  var addInput = document.getElementById("addInput").value;
  var emptyValue = "";
  var total = emptyValue + addInput;
  document.getElementById("totalAmt").innerHTML = total;
}

function clearFields() {
  document.getElementById("addInput").value = "";
  document.getElementById("subInput").value = "";
}

function reset() {
  document.getElementById("totalAmt").innerHTML = "";
}

我的codepen的链接如下：

http://codepen.io/0ktane/pen/NNdbOq

Answer 1

你的问题是这两行

var emptyValue = "";
var total = emptyValue + addInput;

当你连接到一个字符串时，你会得到一个字符串。

此外，您甚至没有考虑先前的值。

试试这个，更新pen

function add() {
  var addInput = parseInt(document.getElementById("addInput").value); //parse the value to an integer first
  var totalAmt = parseInt(document.getElementById("totalAmt").innerHTML); //parse the value to an integer first
  totalAmt = isNaN(totalAmt) ? 0 : totalAmt; //if the value is NaN(not a number) reset it to 0
  addInput = isNaN(addInput) ? 0 : addInput;//if the value is NaN(not a number) reset it to 0
  document.getElementById("totalAmt").innerHTML = totalAmt + addInput ; //output the correct value
}

Answer 2

await oneDriveClient.Drive.Special.AppRoot.Request().GetAsync()

保存值并添加到它

2 个答案: