2015-03-02 57 views
-5

试图在JavaScript中创建一个简单的计算器,没有jQuery与一个输入,需要用逗号分隔的数字来查找总和和平均值。试图创建一个简单的总和计算器

这是我的js

function getSum() { 
    var Sum = document.getElementById('numb').value; 

} 

function sum() { 
    var sumOfNumb = 0, numb = document.getElementById("numb").value.split(","); 

    for (var i = 0; i < numb.length; i++) { 
     sumOfNumb += parseInt(numb[i]); 
    } 

    document.getElementById("sum").innerHTML = sumOfNumb; 
} 

相关标记:

<!DOCTYPE html> 
<html> 
<head lang="en"> 
    <meta charset="UTF-8"> 
    <title></title> 
</head> 
<body> 
    <input id="numb" type="number" /> 
    <input type='button' value="button" onclick='Sum()' /> 
    <script src="js/main.js"></script> 
</body> 
+4

什么是你的问题? – 2015-03-02 21:33:52

+1

你可以发布你的代码或你的代码尝试吗? – 2015-03-02 21:34:33

+0

尝试'a = [1,2,3,4,5,6/* numbers here * /],b = 0,l = a.length; for(i = 0; i Hacketo 2015-03-02 21:40:32

回答

0

1)你不能有一个逗号分隔的numberinput(在现代浏览器至少号码列表) ,它必须是type="text

2)您的onclick="Sum()"正在使用大写的S,应该是onclick="sum()"

3)您没有div ID为sum,所以您的输出从不显示。

新的标记:

<input id="numb" type="text" /> 
<input type='button' value="button" onclick='sum()' /> 
<div id="sum"></div> 
+0

好起来我的JS但仍然是错误的。有什么问题 'document.addEventListener(“click”,numb); function numb(){ var sumOfNumb = 0,numb = document.getElementById(“numb”).value.split(“,”); for(var i = 0; i 2015-03-02 22:03:00

+0

你在那里已经改变了很多...它只是通过修正我说的话才奏效。现在还有其他问题。 1)你添加了事件监听器到'document'而不是按钮,2)你设置'input'的innerHTML(不再是'div' - 在这种情况下,你应该设置值。 – Tom 2015-03-03 03:32:01

相关问题