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>

当我将100输入INPUT时，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

使用JavaScript进行简单计算

1 个答案: