如何对 Javascript 表单中的值进行算术?

问题描述 投票:0回答:1

我正在自学基本的 Javascript,并试图弄清楚如何使用用户在表单中输入的值进行数学运算。

这是我到目前为止所拥有的,但我显然使用了错误的论坛类型,因为它是连接数字而不是添加数字。我也尝试过更改“文本”和“数字”之间的三个输入字段的类型,但无济于事。

    <form name="thing" id="calculator">

A <input type="number" name="inputa" size="16" class="display">
<br>
B <input type="number" name="inputb" size="16" class="display">


<input type="button" name="dothething" value="add them" OnClick="thing.output2.value = eval(thing.inputa.value + thing.inputb.value)">

<br>
A+B=<input type="text" name="output2" size="16" class="display">
    </form>
javascript html forms
1个回答
0
投票

您只需将输入值传递到 parseFloat() 函数调用中即可。

此外,您不需要 eval() 调用。

查看代码片段:

<form name="thing" id="calculator">

  A <input type="number" name="inputa" size="16" class="display">
  <br>
  B <input type="number" name="inputb" size="16" class="display">


  <input type="button" name="dothething" value="add them" OnClick="thing.output2.value = parseFloat(thing.inputa.value) + parseFloat(thing.inputb.value)">

  <br>
  A+B=<input type="text" name="output2" size="16" class="display">
</form>

© www.soinside.com 2019 - 2024. All rights reserved.