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

Trying to create a simple sum calculator

本文关键字:简单 一个 求和 计算器 创建      更新时间:2023-09-26

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

1)在number类型的input中不能有逗号分隔的数字列表(至少在现代浏览器中是这样),它必须是type="text

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

3) 您没有ID为sumdiv,因此您的输出永远不会显示。

新标记:

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