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

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

最近在学习大数据可视化——图谱，用到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. [Leetcode] 1120. Maximum Average Subtree

    Given the root of a binary tree, find the maximum average value of any subtree of that tree. (A subt ...

  2. WPF Dispatcher使用

    微软在WPF引入了Dispatcher,那么这个Dispatcher的主要作用是什么呢?Dispatcher的作用是用于管理线程工作项队列.主线程负责接收输入.处理事件.绘制屏幕等工作,这样一来,UI ...

  3. Netty入门系列(1) --使用Netty搭建服务端和客户端

    引言 前面我们介绍了网络一些基本的概念,虽然说这些很难吧,但是至少要做到理解吧.有了之前的基础,我们来正式揭开Netty这神秘的面纱就会简单很多. 服务端 public class PrintServ ...

  4. 7.JavaScript-Promise的并行和串行

    Promise 并行 Promise.all是所有的Promise执行完毕后(reject|resolve)返回一个Promise对象. 最近在开发一个项目中,需要等接口拿到全部数据后刷新页面,取消l ...

  5. ES6 之 Symbol

    1. 基本用法 Symbol 是ES6引入的一种新的原始数据类型,表示独一无二的值. 前六种基础数据类型是 undefined null Boolean String Number Object Sy ...

  6. Axios 各种请求方式传递参数(非axios api 请求方式）

    get delete 方法较为不同 get请求方式将需要入参的数据作为 params 属性的值,最后整体作为参数传递 delete请求方式将将需要入参的数据作为 data 属性的值,最后整体作为参数传 ...

  7. 85.webpack的安装失败至成功

    webpack怎么安装 1.安装node.js; 2.安装webpack:   npm install webpack --save-dev   : 注意:webpack 4x以上,webpack将命 ...

  8. Android Scroller解析

    作用 这个类封装了滚动操作,如帮我们处理手指抬起来时候的滑动操作.与ViewGroup的scrollTo(),scrollBy()的生硬式移动,Scroller提供了一个更加柔和的移动效果.Scrol ...

  9. 使用composer命令加载vendor中的第三方类库

    1.首先下载需要的第三方类库,放在TP框架下的vendor文件夹下 2.给第三方类库SDK写上命名空间,命名空间为该类库的文件夹对应的名字 3.在composer.json文件中添加需要加载的第三方类 ...

  10. Spark 安装教程

    Spark 安装教程 本文原始地址:https://sitoi.cn/posts/45358.html 安装环境 Fedora 29 openjdk version "1.8.0_191&q ...