富贵资源网 Design By www.hznty.com
前言
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能有所帮助。
富贵资源网 Design By www.hznty.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
富贵资源网 Design By www.hznty.com
暂无评论...