头像

CET-4计分器代码【原创

来源:http://www.sucaihuo.com/js/3622.html ~***~ 2018-04-15 21:03浏览(109) 收藏

本人在准备英语四级考试的时候发现网上居然找不到一个可以用计算分数的软件,所以就自己做了一个CET-4计分器,四级计分器代码。
CET-4计分器代码
分类:其它特效 难易:入门级

程序员,你不是一个人;网站开发QQ群:436471830,在线充值,或联系QQ416148489直接充值

查看演示 下载资源: 1 下载资源 下载积分: 10 积分

js代码

<script type="text/javascript" charset="utf-8">
      	mui.init();
      	window.onload = function()
      	{
      		var oInput = document.getElementsByTagName("input");
      		var nZuowen = document.getElementById("zuowen");
      		var nTla= document.getElementById("tla");
      		var nTlb = document.getElementById("tlb");
      		var nTlc = document.getElementById("tlc");
      		var nTz = document.getElementById("tz");
      		var nPd = document.getElementById("xz");
      		var nYd = document.getElementById("yd");
      		var nFy = document.getElementById("fy");
      		var nInput = document.querySelectorAll("input");
      		var oJs = document.getElementById("js");
      		var oZf = document.getElementById("zf");
      		var oQk = document.getElementById("qk");
      		for( var i =0;i<oInput.length;i++ )
      		{
      			oInput[i].style.width="100px";
      		}
      		function clear(){
      			this.value="";
      			this.style.opacity = 1;
      		}
      		nZuowen.onclick = function()
      		{
      			this.value = "";
      			this.style.opacity = 1;
      		}
      		
      		for(i = 0;i<oInput.length-3;i++)
      		{
      			oInput[i].onfocus = function()
      			{
      				this.value = "";
      			this.style.opacity = 1;
      			}
      		}
      		for( i=oInput.length-1;i>oInput.length-4;i--)
      	{
      		oInput[i].style.opacity = 1;
      		
      	}
      	
      	
      	//计算总分
      	oJs.onclick = function()
      	{
      		var sum = 0,num=0;
      		for(i=0;i<oInput.length-3;i++)
      		{
      			if((num=Number(oInput[i].value)) !=NaN)
      			sum+=num;
      		}
      		oZf.value = sum;
      	}
      	//清空操作
      	oQk.onclick = function()
      	{
      		for(i=0;i<oInput.length-3;i++)
      		{
      			oInput[i].value = "";
      			oInput[i].style.opacity = 1;
      			oInput[0].focus();
      		}
      	}
      	}      	
    </script>
标签: 计分器分数
声明:本文为原创文章,如需转载,请注明来源sucaihuo.com并保留原文链接:http://www.sucaihuo.com/js/3622.html
评论8
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 416148489

  • 头像 7楼
    04-16 14:58
    ***少
    厉害厉害、功能good,多研究点
  • 头像 6楼
    04-16 14:18
    en***37
    功能厉害666,赞,,,
  • 头像 5楼
    04-16 11:40
    yz***an
    对界面输入控制不太好,实用性较好
  • 头像 4楼
    04-16 11:18
    舒***畅
    这个对学生超级实用哦。
  • 头像 3楼
    04-16 09:22
    木***偶
    默认值设置的还有汉字分,计算结果为NaN...
  • 头像 板凳
    04-16 09:00
    心***扬
    有点难以理解,不过还是感谢楼主分享……
  • 头像 椅子
    04-16 06:23
    ta***uo
    我也是没看明白 不知道如何用 估计是大学的
  • 头像 沙发
    04-16 06:18
    一***钱
    没有看明白,不知道有什么用处
1 2