如何在Javascript中输入数字

How do I input numbers in Javascript?

本文关键字：输入 数字 Javascript      更新时间：2023-09-26

我正在做一个HTML网站，接受由"，"分隔的数字，然后得到所有的总和。我已经尝试过这个代码，但不工作。

<!DOCTYPE html>
<html>
<body>
<p>Input the numbers you want separated by ","</p>
<input id="num"></input>
<button onclick="sumAll1()">click!</button>
<p id="total"></p>
<script>
function sumAll1(){
document.getElementById("total").innerHTML = sumAll(document.getElementById("num").innerHTML.value);
}
function sumAll() {
    var i, sum = 0;
    for(i = 0; i < arguments.length; i++) {
        sum += arguments[i];
    }
    return sum;
} 
</script>
</body>
</html>


function sumAll1(){
  var sum = document.getElementById("num").value.split(',').reduce(add, 0);
  document.getElementById("total").innerHTML = sum;
}
function add(a, b) {
    return +a + +b;
}
<p>Input the numbers you want separated by ","</p>
<input type="text" id="num"/>
<button onclick="sumAll1()">click!</button>
<p id="total"></p>

split(',')将创建一个包含您的数字的字符串数组。

然后用reduce，对它们应用add()函数

在add()中，我使用一元运算符+将字符串转换为数字(例如:+"1"变成1)。

现在我这样做:

<!DOCTYPE html>
<html>
<body>
<p>Input the numbers you want separated by ","</p>
<input type="text" id="num"/>
<button onclick="sumAll()">click!</button>
<p id="total"></p>
<script>
function sumAll(){
var i,suma=0;
var array = document.getElementById("num").value.split(',');
for(i = 0; i < array.length; i++) {
        suma += parseInt(array[i]);
    }
document.getElementById("total").innerHTML = suma;
}
</script>
</body>
</html>

按如下方式修改javascript代码

<script>
function sumAll1(){
document.getElementById("total").innerHTML = sumAll(document.getElementById("num").innerHTML.value);
}
function sumAll(arguments) {
    var values=arguments.split(',');
    var i, sum = 0;
    for(i = 0; i < values.length; i++) {
        sum += values[i];
    }
    return sum;
} 
</script>

试试这个。

相关文章：