利用Javascript实现BMI计算器
前言
BMI指数(英文为BodyMassIndex),是目前国际上常用的衡量人体胖瘦程度以及是否健康的一个标准,当我们需要比较及分析一个人的体重对于不同高度的人所带来的健康影响时,BMI值是一个中立而可靠的指标。本文将介绍如何用JavaScript实现这个计算器,下面一起看看。
话不多说,直接上代码
<!DOCTYPEhtml> <html> <headlang="en"> <metacharset="UTF-8"> <title>BMI计算器</title> </head> <head> <script> varBMI={}; BMI.getBMI=function(a,b){ varbmi=b/((a/100)*(a/100)); returnbmi; }; BMI.idealweight=function(a){ varx=(a-100)*0.9; returnx; }; functionCal(form){ vara=eval(form.height.value); varb=eval(form.weight.value); varbmi=eval(form.BMI.value); varbmiValue=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("你的体重太轻,要多吃点哟!"); } elseif(bmi>=18.5&&bmi<25) { alert("亲,你的体重正常,要继续保持哟!"); } elseif(bmi>=25&&bmi<30) { alert("亲,您的体重过重,要减肥了!"); } else { alert("亲,你确实要减肥了!"); } } </script> </head> <body> <formmethod=post> 你的身高(cm):<inputtype="text"name="height"><br> <br/> 你的体重(kg):<inputtype="text"name="weight"><br> <br/> <inputtype="button"value="开始计算"onclick="Cal(this.form)"> <br/> <br/> 你的理想体重:<inputtype="text"name="IW"><br/> <br/> 您的BMI:<inputtype="text"name="BMI"> </form> </body> </html>
总结
以上就是用Javascript实现BMI计算器的全部内容,很简单吧,感兴趣的朋友可以自己动手实践起来哦,希望对大家使用JavaScript能有所帮助。