我正在自学基本的 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>
您只需将输入值传递到 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>