JS 案例 跳水比赛评分系统
跳水比赛评分系统
要求:
跳水比赛,8个评委打分。运动员的成绩是8个成绩取掉一个最高分,去掉一个最低分,剩下的6个分数的平均分就是最后得分。使用一维数组实现打分功能。
请把打最高分的评委和最低分的评委找出来。
HTML代码片
:
<h1>评分系统</h1><div>评委1:<input type="text" /></div><div>评委2:<input type="text" /></div><div>评委3:<input type="text" /></div><div>评委4:<input type="text" /></div><div>评委5:<input type="text" /></div><div>评委6:<input type="text" /></div><div>评委7:<input type="text" /></div><div>评委8:<input type="text" /></div><hr /><h3>得分:</h3><h4 id="res"></h4><button type="button" id="bt" onclick="Mark()">评分</button>
JS代码片
:
<script type="text/javascript">var myinput=document.querySelectorAll("input");var mybt=document.getElementById("bt");var myres=document.getElementById("res");function Mark(){var sum=0;var max=min=Number(myinput[0].value);for(var i=0;i<myinput.length;i++){sum+=Number(myinput[i].value)if(max<Number(myinput[i].value)){max=Number(myinput[i].value);}if(min>Number(myinput[i].value)){min=Number(myinput[i].value);}}myres.innerText="最高分:"+max+",最低分:"+min+",最后得分:"+(sum-max-min)/6}</script>
效果:
JS 案例 跳水比赛评分系统相关推荐
- 解读 CVSS 通用评分系统中最具争议的 Scope
CVSS, Common Vulnerability Scoring System, 即通用漏洞评分系统,简言之就是一个对安全漏洞进行打分的标准.网络安全人员按照 CVSS 评分的维度对漏洞打分,截至 ...
- Node项目之评分系统(一)- 基本介绍
最近半个月,一直在学习Node的Web开发,使用的Web的框架为express,模版引擎最后还是选用了ejs,相对于jade不需要学习新的语法规则,并且方便粘贴一些HTML代码片段,减轻了前端设计的好 ...
- angular 指令渲染_Angularjs渲染的 using 指令的星级评分系统示例
本文介绍Angularjs渲染的 using 指令的星级评分系统示例,分享给大家,具体如下: 我试图创建静态使用 angularjs/离子成效甚微的星级评分系统.但目前什么都不输出到屏幕上...... ...
- js实现星级评分效果(非常规5个li代码)
1. 前言 此方案受到JS单行写一个评级组件启发,自己写了一个简单Demo. 功能有正常滑动,动态显示实心星星个数:当点击确认,则保持当前的实心星星个数:再移动时未点击,则离开后还是保持之前的状态. ...
- (附源码)ssm考生评分系统 毕业设计 071114
SSM考生评分系统 摘要 在社会快速发展的影响下,教育事业蓬勃发展,大大增加了学校的数量.多样性.教育质量等要求,使教育的管理和运营比过去更加困难.依照这一现实为基础,设计一个快捷而又方便的考生评分系 ...
- “基于485总线的评分系统”
"基于485总线的评分系统"说明 (一)设计思路和方法 RS485为半双工通信.只有通信双方一方处于发送,一方处于接收时,通信才能正常进行.本程序模拟modebus协议,采用主.从 ...
- php js抽奖,JS做出随机抽奖系统
这次给大家带来JS做出随机抽奖系统,JS做出随机抽奖系统的注意事项有哪些,下面就是实战案例,一起来看一下. 用JavaScript实现一个简单的抽奖系统,有[开始]按钮和[停止]按钮. 功能: - 点 ...
- 打分系统 php,jquery做出评分系统
这次给大家带来jquery做出评分系统,jquery做出评分系统的注意事项有哪些,下面就是实战案例,一起来看一下. 在电商网站,我们经常会用到五星评分的功能,现在用jQuery实现一个简单的demo ...
- 基于485总线的评分系统
基于485总线的评分系统 程序设计目标: 通过本案例加深理解RS485通信方式,实现上位机的主控制器与所有的下位机进行通信. 程序运行效果说明: 通过RS232/RS485转换器将多个带有485模块的 ...
最新文章
- Mac安装python3的opencv包
- extern 用法,全局变量与头文件(重复定义)
- Python模块(1)-Argparse 简易使用教程
- R plot图片背景设置为透明_学习健明老师发布的R语言练习题的学习笔记(一)...
- du -sh 如何找到最大的文件夹_线上故障如何快速排查?来看这套技巧大全
- 【恋上数据结构】贪心(最优装载、零钱兑换、0-1背包)、分治(最大连续子序列和、大数乘法)
- 变量、作用域和内存问题
- Go搭建REPL环境
- 【LeetCode-面试算法经典-Java实现】【136-Single Number(仅仅出现一次的数字)】
- 18. JavaScript event 对象
- mysql 测试数据生成器_ApexSQL Generate(SQL测试数据生成器)
- Manjaro 安装xmind 8
- php 获取搜索引擎,php获取搜索引擎关键字来源(支持百度、谷歌等搜索引擎)的函数...
- 【计算机三级网络】考前看一看,必过60分
- 伟大的数学思想家—黎曼
- YUV/YIQ色彩空间的转换
- java走迷宫课程设计_java课程设计走迷宫.doc
- Altium Designer笔记之有效低信号的顶线
- 2分钟了解全球智慧城市趋势,解码万亿美元大市场的机遇与格局
- 网站开发之ie下在线浏览pdf文件无需本地支持
热门文章
- procast2021学习笔记
- java list去除最后一个元素_如何快速删除list中的最后一个元素?
- 构建开源产业生态,加速落地云原生,骞云加入开源GitOps产业联盟
- JavaEE 企业级分布式高级架构师(十七)ElasticSearch全文检索(1)
- [4G5G专题-109]:部署 - LTE RF射频优化的流程、原因综合分析、解决办法大全
- ACM:搜索算法专题(1)——24点
- 怎样在html中显示IP地址,如何通过ip查经纬度
- html li点隐藏,js控制li的隐藏和显示实例代码
- 《人类简史》这本烧脑书风靡全球的秘密是什么?
- Word操作技巧大全1(转)