Javascript附加程序

标签 javascript web browser addition

这是一个用于添加两个数字的javascript程序,但问题是代码太大,每次我都需要通过parseInt将数字更改为整数,所以如果我需要添加更多数字,代码会变得更长。我怎样才能让它变得更简单?

 <!DOCTYPE html>
<html>
<head>
<title>adding</title>
</head>
<body>
<script type="text/javascript">
var x; 
var y;
var z;
var n;
var result;

x=prompt("1st number");
y=prompt("2nd number");
z=parseInt(x);
n=parseInt(y);
result= n + z;
alert(result);
</script>
</body>
</html>`

`

最佳答案

创建一个js函数:

function addNumbers(arr) {
var result = 0;
  for (var i = 0; i < arr.length; i++){
    result += parseInt(arr[i]);
  }
  return result;
}

function evaluate(){
  var numberArray = document.selectElementById("numbers").value.split(",");
  alert(addNumbers(numberArray));
}

并添加一个 html 输入字段:

<input id="numbers"/>
<button onclick="evaluate()"></button>

这将添加您在输入字段中输入的所有数字(以逗号分隔)

注意:

这仅适用于有效的输入,即:

1,2,4,-8 可以使用 1 2,5,2 不起作用 e,2,3 不起作用

关于Javascript附加程序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36206500/

相关文章:

javascript - 如何在某些特定条件下在父元素列表之间附加 <ul><li> 元素

http - 是否可以在沙盒中使用 Instagram tags/xxx/media/recent 端点?

java - 刷新浏览器时缓存不起作用

javascript - JS,浏览器化 : function not defined

javascript - View 中存在多个表单,部分 View 中存在单个提交

javascript - 使用 webpack 时无法使用 routeprovider 加载模板

javascript - 事件下拉菜单不适用于 Safari 浏览器中的图标

java - 使用域名部署Tomcat

web - 如何通过 Google Chrome 中的 Web Speech API 获取女声

html - 所有浏览器(包括Chrome)编辑后不会刷新页面的.css文件!解决办法是什么?