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()方法获取的数组,求和一定不能忘了将字符串转换成数值类型
相关文章推荐
- fgm实例练习笔记-3.4比较数字大小
- fgm实例练习笔记-1.2网页换肤
- fgm实例练习笔记-2.1点击展开下拉列表
- fgm实例练习笔记-1.3函数接收参数并弹出
- fgm实例练习笔记-3.8简易网页时钟
- fgm实例练习笔记-4.1 setTimeout应用
- fgm实例练习笔记-1.5js写css hover选择器
- fgm实例练习笔记-2.5页面加载后自加一
- fgm实例练习笔记-2.5函数传参,改变Div任意属性的值
- 前端笔试题目练习笔记:统计数组中不同的数字出现的概率并排序
- fgm实例练习笔记-1.6记住密码提示框
- fgm实例练习笔记-2.11鼠标移过改变图片路径
- fgm实例练习笔记-3.9倒计时
- fgm实例练习笔记-2.6图片列表:鼠标移入/移出改变图片透明度
- fgm实例练习笔记-2.4弹出层效果
- fgm实例练习笔记-1.4用循环将三个Div变成红色
- 【练习笔记】剑指offer-面试题8 :旋转数组的最小数字
- fgm实例练习笔记-3.7网页计算器
- Ferris教程学习笔记:js示例2.8 求出数组中所有数字的和
- 输入一个正整数数组,将它们连接起来排成一个数,输出能排出的所有数字中最小的一个