如何使用 JavaScript 将两个数字相加

how can i add two numbers using javascript?

本文关键字:两个 数字 何使用 JavaScript      更新时间:2023-09-26
<!DOCTYPE html>
<html>
<head>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<meta content="utf-8" http-equiv="encoding">
<title> calculator! </title>
 <link rel="stylesheet" href="bootstrap.min.css" />
 <link rel="stylesheet" href="style.css" />

</head>
<body>
first number : <input type="text" name="num1" />
<br><br>
second number : <input type="text" name="num2" />
<br><br>
sum : <input type="text" name="answerswersum" />
<br><br>
<input type="button" name="add" value ="add" onClick="addnum()" />

<script>
(
function addnum(){
    var num1 = number(document.getElementByName("num1").value);
    var num2 = number(document.getElementByName("num2").value);
    var sum = num1 + num2;
    document.getElementByName("answerswersum").value = sum;
}

</script> 
</body>
</html>

我想使用 JavaScript 将每个数字分配给一个变量来添加两个数字。 但是当我单击添加时,什么都没有发生,或者有什么方法可以在不使用变量的情况下添加这两个数字? 谢谢

NumberN 个(你写number(应该是大写的,getElementsByName是复数的并返回一个集合

function addnum(){    
    var num1 = Number(document.getElementsByName("num1")[0].value); 
    var num2 = Number(document.getElementsByName("num2")[0].value);
    var sum = num1 + num2;
    document.getElementsByName("answerswersum")[0].value = sum;
}

parseInt(string, radix(;

参数

字符串要分析的值。如果字符串不是字符串,则将其转换为字符串(使用 ToString 抽象操作(。字符串中的前导空格将被忽略。

基数一个介于 2 和 36 之间的整数,表示上述字符串的基数(数学数字系统中的基数(。为人类常用的十进制数字系统指定 10。始终指定此参数以消除读取器混淆并保证可预测的行为。未指定基数时,不同的实现会产生不同的结果,通常默认值为 10。

function addNumbers()
                {
                        var val1 = parseInt(document.getElementById("value1").value);
                        var val2 = parseInt(document.getElementById("value2").value);
                        var ansD = document.getElementById("answerswer");
                        ansD.value = val1 + val2;
                }
first number :
<input type="text" name="num1" id="value1" />
<br>
<br>second number :
<input type="text" name="num2" id="value2" />
<br>
<br>sum :
<input type="text" name="answerswersum" id="answerswer"/>
<br>
<br>
<input type="button" name="add" value="add" onclick="addNumbers()" />