gpt4 book ai didi

javascript - 遍历数组并返回所有值的总和

转载 作者:搜寻专家 更新时间:2023-11-01 05:02:25 25 4
gpt4 key购买 nike

我想要做的是让用户输入数字并返回数字的总和。我的逻辑是这样的:

  1. 用户输入字符串
  2. 字符串拆分成数组
  3. 遍历数组并对所有数字求和
  4. 返回金额

这是我目前的代码:

<script type='text/javascript'>

var val=document.getElementById('userInput').value;
var temp=val.split(" ");

function sum() {
for(var i=0, MISSING THIS BIT

document.getElementById('resultSum').innerHTML=MISSING THIS BIT;
}

</script>

<form name="input">
<textarea name="userInput" rows=20 cols=20></textarea>
<input name="Run" type=Button value="run" onClick="sum()">
<form name="resultSum"><input type=Text>

我谦虚地承认这很可能是错误的,感谢任何人的时间和努力。


更新:我已按照建议完成,但我在下面的代码中收到以下错误:

Message: 'document.getElementById(...)' is null or not an object Line: 16 Char: 1 Code: 0

<html>

<script type='text/javascript'>

function sum(){
var val = document.getElementById('userInput').value;
var temp = val.split(" ");

var total = 0;
var v;
for(var i = 0; i < temp.length; i++) {
v = parseFloat(temp[i]);
if (!isNaN(v)) total += v;
}

document.getElementById('resultSum').innerHTML=total;

}

</script>

<form name="input">
<textarea name="userInput" rows=20 cols=20></textarea>
<input name="Run" type=Button value="run" onClick="sum()">
<form name="resultSum"><input type=text>
<html>

有什么建议吗?感谢大家的全面介绍 - 我已经阅读了两个示例并理解了过程!

最佳答案

您需要一个基本循环来转换和添加每个项目。

我还大量清理了您的 HTML。您没有任何适当的结束标签。我还将所有“名称”属性更改为“id”属性,以便“getElementById”能够正常工作,这是我在第一次传递时错过的。

<html>
<head>
<script type='text/javascript'>
function sum(){
var val = document.getElementById('userInput').value;
var temp = val.split(" ");
var total = 0;
var v;
for(var i = 0; i < temp.length; i++) {
v = parseFloat(temp[i]);
if (!isNaN(v)) total += v;
}
document.getElementById('resultSumValue').value = total;
}
</script>
</head>
<body>
<form id="input">
<textarea id="userInput" rows=20 cols=20></textarea>
<input id="Run" type=Button value="run" onClick="sum()" />
</form>

<form id="resultSum">
<input id="resultSumValue" type="text" />
</form>
</body>
</html>

这也将忽略任何“NaN”(非数字)值。

如果您希望数字只是整数(无小数),请将 parseFloat 更改为 parseInt。

关于javascript - 遍历数组并返回所有值的总和,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7328000/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com