Question

尝试在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>

Answer 1

1）您不能在number类型input（至少在现代浏览器中）中使用逗号分隔的数字列表，它必须是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>

试图创建一个简单的和计算器

1 个答案: