如何在Javascript中输入数字？_Javascript_Html_Input

如何在Javascript中输入数字？

javascript html input

如何在Javascript中输入数字？,javascript,html,input,Javascript,Html,Input,我正在做一个HTML网页，它接受以“，”分隔的数字，然后得到所有数字的总和。我已经尝试过这个代码，但不起作用 <!DOCTYPE html> <html> <body> <p>Input the numbers you want separated by ","</p> <input id="num"></input> <button onclick="sumAll1()">click!</b

我正在做一个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>


输入要用“，”分隔的数字
点击

函数sumAll1（）{
document.getElementById（“total”）.innerHTML=sumAll（document.getElementById（“num”）.innerHTML.value）；
}
函数sumAll（）{
var i，总和=0；
对于（i=0；i


函数sumAll1（）{
var sum=document.getElementById（“num”）.value.split（'，'）.reduce（add，0）；
document.getElementById（“总计”）.innerHTML=sum；
}
功能添加（a、b）{
返回+a++b；
}
输入要用“，”分隔的数字
点击
现在我这样做：
<!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>


输入要用“，”分隔的数字
点击

函数sumAll（）{
var i，suma=0；
var数组=document.getElementById（“num”）.value.split（'，'）；
对于（i=0；i
如下更改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>


函数sumAll1（）{
document.getElementById（“total”）.innerHTML=sumAll（document.getElementById（“num”）.innerHTML.value）；
}
函数sumAll（参数）{
var values=arguments.split（'，'）；
var i，总和=0；
对于（i=0；i

试试这个。
应该是
关于这个完美答案的补充说明：根据[读者]试图实现的内容，parseFloat
或parseInt
函数也可以替换一元运算符。@JeffNoel完全正确，我只是使用一元运算符来避免代码混乱。谢谢