添加 Javascript 变量

Adding Javascript variables

本文关键字：变量 Javascript 添加      更新时间：2023-09-26

所以，我对JavaScript相对较新，我想知道如何将两个输入的值相加并回显结果。这是我到目前为止所拥有的：

function math (form) {
    var input1 = form.input1.value;
    var input2 = form.input2.value;
    var input3 = input1 + input2;
    document.write (input3);
}

<form action="" method="GET">
   <input type="text" name="input1">
   <input type="text" name="input2">
   <input type="button" name="button" onClick="math(this.form)">
</form>

我预计当我在每个输入中输入一个数字时，它会吐出两个数字的总和。相反，它只是单独打印两个数字。

如何让它打印两个数字的总和？

.value给出文本框中的字符，即一个字符串。你需要以某种方式告诉JavaScript这是一个数字。否则，您将连接字符串(str + str正在连接; num + num是算术加法(。

字符串到数字的转换最容易使用这样的+完成：

+input1

所以在你的情况下：

document.write(+input1 + +input2);

但是，document.write不是显示事物的方式。您可能想要alert，或将其放在另一个文本框或类似的东西中。 document.write将清除屏幕。

当你

读入它们时，它们是字符串，它们必须首先被解析，

var input3 = parseInt(input1, 10) + parseInt(input2, 10);

[编辑] 只是为了详细说明，parseInt 和 Unary Plus 之间的区别在于错误处理，

var a = parseInt('123o45', 10); //123
var b = +'123o45' // NaN

parseInt 是你的火力

。 
function math (form) {
  var input1 = form.input1.value;
  var input2 = form.input2.value;
  var input3 = parseInt(input1, 10) + parseInt(input2, 10);
  document.write (input3);
}

您必须先使用 parseInt 将它们解析为整数。

我的可以很好地解析它们以Float因为我有十进制数字。我用parseFloat()代替parseInt()。

我希望它将来能帮助某人。

相关文章：