手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >利用Javascript实现BMI计算器
利用Javascript实现BMI计算器
摘要:前言BMI指数(英文为BodyMassIndex),是目前国际上常用的衡量人体胖瘦程度以及是否健康的一个标准,当我们需要比较及分析一个人的体...

前言

BMI指数(英文为Body Mass Index),是目前国际上常用的衡量人体胖瘦程度以及是否健康的一个标准,当我们需要比较及分析一个人的体重对于不同高度的人所带来的健康影响时,BMI值是一个中立而可靠的指标。本文将介绍如何用JavaScript实现这个计算器,下面一起看看。

话不多说,直接上代码

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>BMI计算器</title> </head> <head> <script> var BMI={}; BMI.getBMI=function(a,b){ var bmi=b/((a/100)*(a/100)); return bmi; }; BMI.idealweight=function(a){ var x=(a-100)*0.9; return x; }; function Cal(form){ var a=eval(form.height.value); var b=eval(form.weight.value); var bmi=eval(form.BMI.value); var bmiValue =BMI.getBMI(a,b); BMI.disp_alert(bmiValue ); form.IW.value=BMI.idealweight(a); form.BMI.value= bmiValue ; } BMI.disp_alert = function(bmi){ if (bmi < 18.5) { alert("你的体重太轻,要多吃点哟!"); } else if (bmi >= 18.5 && bmi < 25) { alert("亲,你的体重正常,要继续保持哟!"); } else if (bmi >= 25 && bmi< 30) { alert("亲,您的体重过重,要减肥了!"); } else { alert("亲,你确实要减肥了!"); } } </script> </head> <body> <form method=post> 你的身高(cm):<input type="text" name="height"><br> <br/> 你的体重(kg):<input type="text" name="weight"><br> <br/> <input type="button" value="开始计算"> <br/> <br/> 你的理想体重:<input type="text" name="IW"><br/> <br/> 您的BMI:<input type="text" name="BMI"> </form> </body> </html>

总结

以上就是用Javascript实现BMI计算器的全部内容,很简单吧,感兴趣的朋友可以自己动手实践起来哦,希望对大家使用JavaScript能有所帮助。

【利用Javascript实现BMI计算器】相关文章:

网页常用Javascript

JavaScript实现鼠标拖动效果的方法

JavaScript 预解析的原理及实现

javascript实现链接单选效果

使用JavaScript刷新网页的方法

javascript实现删除前弹出确认框

JavaScript实现自动变换表格边框颜色

javascript用函数实现对象的方法

Javascript实现div的toggle效果实例分析

javascript瀑布流布局实现方法详解

精品推荐
分类导航