javascript - 使用 JavaScript 的简单计算

Question

我正在尝试创建一个简单的 javascript 计算脚本，但由于某种原因无法让它工作。

  function calculate() {
    var USERINPUT1 = document.TESTING.INPUT1.value,
      RESULT = USERINPUT1 + (USERINPUT1 * .05);
    document.TESTING.OUTPUT1.value = RESULT;
  }

<form name="TESTING">
  <table border="1" width="600" height="200" cellpadding="10" cellspacing="3">
    <tr>
      <th colspan="2">
        <h1>5% TAX CALCULATOR</h1>
      </th>
    </tr>
    <tr>
      <th>
        <h3>ORIGINAL PRICE</h3>
      </th>
      <th>
        <h3>ORIGINAL PRICE + 5% TAX</h3>
      </th>
    </tr>
    <tr>
      <td>
        <input type="number" name="INPUT1" id="input" onchange="calculate();" />
      </td>
      <td>
        <input type="number" name="OUTPUT1" id="output">
      </td>
    </tr>
  </table>
</form>

当我在 INPUT 中输入 100 时，OUTPUT 变为 1005，但它应该是 105。

能否指出错误在哪里？谢谢!

Answer 1

document.TESTING.INPUT1.value 返回字符串。您需要转换为数字才能执行数学运算。

因此，更新自

var USERINPUT1 = document.TESTING.INPUT1.value,

到

 var USERINPUT1 = parseFloat(document.TESTING.INPUT1.value),

供引用 - http://plnkr.co/edit/kRxK8Kf4fO6N8E9v9D2W?p=preview