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

页面布局，一个<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()方法获取的数组，求和一定不能忘了将字符串转换成数值类型