利用Javascript实现BMI计算器

时间:2021-05-25

前言

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="开始计算" onclick="Cal(this.form)"> <br/> <br/> 你的理想体重:<input type="text" name="IW"><br/> <br/> 您的BMI:<input type="text" name="BMI"></form></body></html>

总结

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

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章