利用Javascript实现BMI计算器
编程学习 2021-07-04 20:00www.dzhlxh.cn编程入门
BMI指数计算器相信大家都用过，那用JavaScript怎么实现呢？其实很简单，这篇文章给出了实例代码，有需要的可以参考学习。
前言
BMI指数(英文为Body Mass Index)，是目前国际上常用的衡量人体胖瘦程度以及是否健康的一个标准，当我们需要比较及分析一个人的体重对于不同高度的人所带来的健康影响时，BMI值是一个中立而可靠的指标。本文将介绍如何用JavaScript实现这个计算器，狼蚁网站SEO优化一起看看。
话不多说，直接上代码
<!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能有所帮助。