前言
BMI指數(shù)(英文為Body Mass Index)，是目前國際上常用的衡量人體胖瘦程度以及是否健康的一個(gè)標(biāo)準(zhǔn)，當(dāng)我們需要比較及分析一個(gè)人的體重對于不同高度的人所帶來的健康影響時(shí)，BMI值是一個(gè)中立而可靠的指標(biāo)。本文將介紹如何用JavaScript實(shí)現(xiàn)這個(gè)計(jì)算器，下面一起看看。
代碼如下:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>BMI計(jì)算器</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("你的體重太輕,要多吃點(diǎn)喲!");
}
else if (bmi >= 18.5 && bmi < 25)
{
alert("親,你的體重正常,要繼續(xù)保持喲!");
}
else if (bmi >= 25 && bmi< 30)
{
alert("親,您的體重過重,要減肥了!");
}
else
{
alert("親,你確實(shí)要減肥了!");
}
}
</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="開始計(jì)算" onclick="Cal(this.form)">
<br/>
<br/>
你的理想體重:<input type="text" name="IW"><br/>
<br/>
您的BMI:<input type="text" name="BMI">
</form>
</body>
</html>
總結(jié)
以上就是用Javascript實(shí)現(xiàn)BMI計(jì)算器的全部內(nèi)容，很簡單吧，感興趣的朋友可以自己動(dòng)手實(shí)踐起來哦，希望對大家使用JavaScript能有所幫助。