萝卜头IT论坛

搜索
查看: 5806|回复: 9
收起左侧

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

[复制链接]
发表于 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

评分

1

查看全部评分

回复

使用道具 举报

 楼主| 发表于 2012-7-29 10:21:55 | 显示全部楼层
admin 发表于 2012-7-29 10:11
输入10个数字求和与平均数

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

使用道具 举报

发表于 2012-7-31 08:40:35 | 显示全部楼层
捕获回车好像不是你这么写的吧
应该是
  1. document.onkeydown=function()  
  2. {//捕捉回车  
  3.    if (event.keyCode==13)  
  4.        {  
  5. 。。。
  6.        }  
  7. }  
复制代码
回复

使用道具 举报

 楼主| 发表于 2012-7-31 12:35:12 | 显示全部楼层
admin 发表于 2012-7-31 08:40
捕获回车好像不是你这么写的吧
应该是

是的啊
回复

使用道具 举报

发表于 2012-7-31 13:53:36 | 显示全部楼层
杏阳 发表于 2012-7-31 12:35
是的啊

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

使用道具 举报

 楼主| 发表于 2012-7-31 14:52:25 | 显示全部楼层
admin 发表于 2012-7-31 13:53
那你写的是function input(){。}

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

使用道具 举报

 楼主| 发表于 2012-7-31 14:53:27 | 显示全部楼层
admin 发表于 2012-7-31 13:53
那你写的是function input(){。}

我好像发漏了,等等改一下
回复

使用道具 举报

 楼主| 发表于 2012-7-31 15:03:56 | 显示全部楼层
admin 发表于 2012-7-31 08:40
捕获回车好像不是你这么写的吧
应该是

两种方式都对的哦,效果是一样的
回复

使用道具 举报

联系我们(Contact)|手机版|萝卜头IT论坛 ( 苏ICP备15050961号-1 )

GMT+8, 2024-4-26 01:36 , Processed in 0.125511 second(s), 25 queries , Gzip On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表