您的位置:首页 > 其它

fgm实例练习笔记-2.3求出数组中所有数字的和

2017-07-08 19:21 375 查看
页面布局,一个
<input>
输入框,一个按钮。还有一个初始隐藏
display:none;
的显示计算结果的区域。

<script>
window.onload = function(){
var inp = document.getElementsByTagName("input")[0]; //获取文本框
var obt = document.getElementsByTagName("button")[0]; //obt按钮
var osum = document.getElementById("sum"); //osum计算结果

obt.onclick = function(){
var arr = inp.value.split(","); //文本框内的内容value,用split方法,以","为分割标准,将字符串分割为数组。注意数组中的每一项依然是字符串,进行数学计算时要进行类型转换
var s = 0; //s这个变量不能在for循环里定义,那样的话外部没法获取s,至少要在for循环外一层定义

for(var i = 0;i < arr.length;i++) //并没有给数组长度设置上限,理论上可以计算若干数直到和达到上限NaN
{
s += parseInt(arr[i])} //用+=写而不是= s+,更简洁。parseInt()将字符串类型转换为整数型。s是数组的每一项数值的加和。
osum.style.display = "block";//将计算结果显示出来
osum.innerHTML = s;}//用innerHTML向计算结果区域写入s的值
};
</script>
//用split()方法获取的数组,求和一定不能忘了将字符串转换成数值类型
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: