杏阳 发表于 2012-7-28 09:42:25

网页算数，单框十个数求累加和平均值，简单实用

本帖最后由 杏阳 于 2012-7-31 15:02 编辑

自己学习时做的，不是很高深，适合初学者学习
<html>
<p>输入10个数字求和与平均数</p>
<span id="no"></span>
<input type="text" id="inputnum"onkeydown="if(event.keyCode==13){input();}">
<div id="mess"></div>
<script type="text/javascript">
<!--
var total = 0;
var avg = 0;
var cur = 1;
document.getElementById("no").innerHTML = '请输入第' + cur + '个数字';
function input(){
if(document.getElementById('inputnum').value==''){
alert('请输入');
return false;
}
total = total + parseFloat(document.getElementById('inputnum').value);
cur++;
document.getElementById("inputnum").value = '';
document.getElementById("no").innerHTML = '请输入第' + cur + '个数字';
if(cur==11){
document.getElementById("mess").innerHTML = '总数:' + total + ' 平均数:' + parseFloat(total/10).toFixed(2);
}
}
-->
</script>
</html>






suanshu.html
http://kuai.xunlei.com/d/OCFDNDTMCOGP
平均值.html
http://kuai.xunlei.com/d/OPPUWWDWTGYQ

杏阳 发表于 2012-7-29 10:21:55

admin 发表于 2012-7-29 10:11 static/image/common/back.gif
输入10个数字求和与平均数

呵呵，然后回车，一直输到第十个再回车，然后就会自动求出数值

nkc3g4 发表于 2012-7-31 08:40:35

捕获回车好像不是你这么写的吧
应该是document.onkeydown=function()
{//捕捉回车
   if (event.keyCode==13)
       {
。。。
       }
}

杏阳 发表于 2012-7-31 12:35:12

admin 发表于 2012-7-31 08:40 static/image/common/back.gif
捕获回车好像不是你这么写的吧
应该是

是的啊

nkc3g4 发表于 2012-7-31 13:53:36

杏阳 发表于 2012-7-31 12:35 static/image/common/back.gif
是的啊

那你写的是function input(){。}

杏阳 发表于 2012-7-31 14:52:25

admin 发表于 2012-7-31 13:53 static/image/common/back.gif
那你写的是function input(){。}

全部是我写的啊，我的意思是回车判定那边没出现啊，这是我原来帮同学做的程序

杏阳 发表于 2012-7-31 14:53:27

admin 发表于 2012-7-31 13:53 static/image/common/back.gif
那你写的是function input(){。}

我好像发漏了，等等改一下

杏阳 发表于 2012-7-31 15:03:56

admin 发表于 2012-7-31 08:40 static/image/common/back.gif
捕获回车好像不是你这么写的吧
应该是

两种方式都对的哦，效果是一样的
页: [1] 2
查看完整版本: 网页算数，单框十个数求累加和平均值，简单实用