一个朋友跟我说要去给某个比赛算分；

规则：去掉最低分最高分求平均分；

最近在学习大数据可视化——图谱，用到js一些东西，所以今天就用js练练

用到知识点：

js限制输入数字能输入小数点,js定义数组，js往数组中添加数据，js将字符型转为数字型，除法结果保留两位小数。

最后通过cpolar将内网暴露，把网址发给朋友，以达到使用的（装X）效果：https://www.cnblogs.com/sengzhao666/p/11912246.html

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

</head>

<body>

<div align="center">

        <form action="" method="post" onsubmit="return avg()">

        <thead>

        <tr ><th colspan=2 style="text-align:center">比赛算分</th></tr>

        </thead>

            <table>

                <tr>

                    <td>评委1</td>

                    <!--只能输入数字,能输小数点.-->

                    <td><input onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')" id="score1"></td>

                </tr>

                <tr>

                    <td>评委2</td>

                    <td><input onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')" id="score2"></td>

                </tr>

                <tr>

                    <td>评委3</td>

                    <td><input onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')" id="score3"></td>

                </tr>

                <tr>

                    <td>评委4</td>

                    <td><input onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')" id="score4"></td>

                </tr>

                <tr>

                    <td>评委5</td>

                    <td><input onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')" id="score5"></td>

                </tr>

                <tr>

                    <td>评委6</td>

                    <td><input onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')" id="score6"></td>

                </tr>

            </table>

            <div>

                <button type="submit" >确认</button>

                <button type="reset" >重填</button>

            </div>

        </form>

</div>

<script type="text/javascript">

function avg() {

    var score1 = document.getElementById("score1");

    var score2 = document.getElementById("score2");

    var score3 = document.getElementById("score3");

    var score4 = document.getElementById("score4");

    var score5 = document.getElementById("score5");

    var score6 = document.getElementById("score6");

    var s1= parseFloat(score1.value);//强行转换为Float型

    var s2= parseFloat(score2.value);

    var s3= parseFloat(score3.value);

    var s4= parseFloat(score4.value);

    var s5= parseFloat(score5.value);

    var s6= parseFloat(score6.value);

    var score=new Array();

    score[1]=s1;

    score[2]=s2;

    score[3]=s3;

    score[4]=s4;

    score[5]=s5;

    score[6]=s6;

    var min=s1;

    var max=s1;

    for(var i=1;i<=6;i++){

        if(min>score[i]){

            min=score[i];

        }

    }

    //alert(min);

    for(var i=1;i<=6;i++){

        if(max<score[i]){

            max=score[i];

        }

    }

    //alert(max);

    var count=0;

    for(var i=1;i<=6;i++){

        count=count+score[i];

    }

    //alert(count);

    var count1=count-min-max;

    //alert(count1);

    var scoreavg=count1/4;

    //alert(scoreavg);

    alert("计算平均得分为" + scoreavg.toFixed(2));//保留两位小数

}

</script>

</body>

</html>

运行截图：

js限制输入数字能输入小数点，js定义数组，js往数组中添加数据，js将字符型转为数字型，除法结果保留两位小数——js小测：计算比赛得分的更多相关文章

  1. JS限制input输入的为数字并且有小数的时候最多保留两位小数

    JS限制input用户输入的为数字并且有小数的时候最多保留两位小数,代码如下: html部分: <input type="number" onkeypress="r ...

  2. 数字千分位处理，number.js，js保留两位，整数强制保留两位小数

    杨龙飞 杨龙飞 杨龙飞 杨龙飞 杨龙飞 杨龙飞 官方文档:https://www.customd.com/articles/14/jquery-number-format-redux 1.千分位 $. ...

  3. js 保留两位小数 input要求是数字框，

    要求:input文本框只能输入数字,且只保留两位小数 问题:若设置input的  type="number" ,js处理部分若用到parseFloat方法处理,结果是string类 ...

  4. js保留两位小数数字

    /* * @descript: 保留两位小数,如果小数点大于两位小数,就向上取值保留两位小数<br/> * @time 2016-07-13 */function mathCeil(num ...

  5. js保留两位小数的数字格式化方法

    // 格式化数字(保留两位小数) numberFormat (num) { let percent = Number(num.toString().match(/^\d+(?:\.\d{0,2})?/ ...

  6. js保留两位小数方法总结

    js保留两位小数方法总结 最近在做结算系统,经常需要用到金额保留两位小数,刚开始我一直用的是Angular中的过滤器number |2,但是,这无法满足我的需求.问题是,当用户离开文本框时,我需要将用 ...

  7. 【前端开发】限制input输入保留两位小数

    <input type="text" name='amount' id="cash_num" placeholder="请输入金额" ...

  8. js取整并保留两位小数的方法

    js 四舍五入函数 toFixed(),里面的参数 就是保留小数的位数.注意 toFixed()方法只针对数字类型,如果是字符类型需要使用Number()等方法先转换数字类型再使用 document. ...

  9. (转)JS保留两位小数 四舍五入函数

    本文转载自:http://www.cnblogs.com/446557021/archive/2011/10/13/2211047.html js 四舍五入函数 toFixed(),里面的参数 就是保 ...

随机推荐

  1. C# vb .net图像合成-合成椭圆

    在.net中,如何简单快捷地实现图像合成呢,比如合成文字,合成艺术字,多张图片叠加合成等等?答案是调用SharpImage!专业图像特效滤镜和合成类库.下面开始演示关键代码,您也可以在文末下载全部源码 ...

  2. java。JDK的API，版本1.6.0中文版下载

    转载自https://blog.csdn.net/xiao9469/article/details/87783561 链接: https://pan.baidu.com/s/1YqrbTD_msTmn ...

  3. springmvc处理json数据

    springMVC提供了处理JSON格式请求/响应的HttpMessageConverter MappingJckson2HttpMessageConverter利用Jackson开源类包处理JSON ...

  4. 使用JDBC，完成数据库批量添加数据操作：

    第一步:定义一个key String key = "into 表名(字段1,字段2,字段3)"; 第二步:定义一个可以增长的变量 StringBuffer values = new ...

  5. js数组与字符串类型相同方法的比较

    数组和字符串有很多相似的对方,比如数组和字符串都有以下方法: concat indexOf lastIndexOf slice includes 鉴于toString及valueOf方法基本类型都有, ...

  6. Java 重写 super关键字

    方法名.参数个数和参数类型都相同 举例 class A{ public void num() { System.out.println("A num"); } } class B ...

  7. Ansible-目录

    Ansible-概念 Ansible-安装 YAML语法

  8. 如何提交多个具有相同name属性的表单

    有的时候我们会遇到这样一个需求,一个用户页面中有多条履历信息,每条履历信息对应数据表中的一条记录,用户可以进行添加或修改,点击保存时同时提交到了后台.有两个难点:1.前端怎样一次性提交多条履历信息?2 ...

  9. Intel网卡的漫游主动性

  10. Office--CVE-2017-11882【远程代码执行】

    Office远程代码执行漏洞现POC样本 最近这段时间CVE-2017-11882挺火的.关于这个漏洞可以看看这里:https://www.77169.com/html/186186.html 今天在 ...