Question

<!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="answersum" />
<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("answersum").value = sum;

}


</script> 

</body>
</html>

我想通过将每个数字分配给变量来使用JavaScript添加两个数字。但是，当我点击添加nothings发生或有什么方法，我可以添加这两个数字而不使用变量？谢谢

Answer 1

Number的

N （您写的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("answersum")[0].value = sum;
}

Answer 2

parseInt（string，radix）;

参数

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

基数 2到36之间的整数，表示上述字符串的基数（数学数字系统中的基数）。为人类常用的十进制数字系统指定10。始终指定此参数以消除读者混淆并保证可预测的行为。当未指定基数时，不同的实现会产生不同的结果，通常将值默认为10。

Answer 3

let city:String = "Kathmandu"

function addNumbers()
                {
                        var val1 = parseInt(document.getElementById("value1").value);
                        var val2 = parseInt(document.getElementById("value2").value);
                        var ansD = document.getElementById("answer");
                        ansD.value = val1 + val2;
                }

如何使用javascript添加两个数字？

3 个答案: