bmi计算器HTML,BMI计算器(示例代码)

最新推荐文章于 2024-10-27 20:00:57 发布

梁政城

最新推荐文章于 2024-10-27 20:00:57 发布

阅读量2.7k

点赞数

文章标签： bmi计算器HTML

这段代码实现了一个BMI计算器，根据输入的身高和体重计算BMI值，并根据BMI值给出相应的健康建议，如体重过轻、正常或需要减肥。通过调用`idealweight`和`bmi`函数计算理想体重和BMI，然后根据`disp_alert`函数显示相应的提示信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

margin: 0px;

padding: 0px;

}

body{

font-size: 63%;

}

.clearfix:after{

content:‘‘;

display: block;

clear:both;

}

.clearfix{

zoom:1;

}

.bmi-box{

width:302px;

}

.bmi-box input{

width:150px;

}

.cueBox{

font-size: 1.6em;

/* line-height: 180%; */

text-align: left;

margin: 5px 0px;

padding: 0px;

}

#cue{

border: 1px dotted #ddd;

background-color: #ffa;

margin: 10px 0px 15px 0px;

padding: 2px;

}

.tit{

width:120px;

height: 2.4em;

font-size: 1.4em;

/* line-height: 180%; */

float:left;

}

.msg input{

width:170px;

padding-left:10px;

background: #eff8ff;

border: 1px solid #999;

font-size: 1.2em;

line-height: 1.6em;

float:left;

}

.button{

padding: 2px 10px;

font-size: 1.0em;

line-height: 100%;

margin:0 auto;

}

.msg{

width:100%;

}

function idealweight(a){

var x=(a-100)*0.9;

return x;

}

function bmi(a,b){

var bmi=b*1.0/((a*1.0/100)*(a*1.0/100));

return bmi;

}

function Cal(form){

var a=eval(form.height.value);

var b=eval(form.weight.value);

var BMI=eval(form.BMI.value);

form.IW.value=idealweight(a);

form.BMI.value=bmi(a,b);

disp_alert(bmi(a,b));

}

function disp_alert(bmi){

if (bmi < 18.5)

{

document.getElementById(‘cueBox‘).style.display=‘block‘;

document.getElementById(‘cue‘).innerHTML="你的体重太轻,要多吃点哟!";

// alert("你的体重太轻,要多吃点哟!");

}

else if (bmi >= 18.5 && bmi < 25)

{

////////////////////////////////

// alert("亲,你的体重正常,要继续保持哟!"); //

////////////////////////////////

document.getElementById(‘cueBox‘).style.display=‘block‘;

document.getElementById(‘cue‘).innerHTML="亲,你的体重正常,要继续保持哟!";

}

else if (bmi >= 25 && bmi< 30)

{

document.getElementById(‘cueBox‘).style.display=‘block‘;

document.getElementById(‘cue‘).innerHTML="亲,您的体重过重,要减肥了!";

//////////////////////////////

// alert("亲,您的体重过重,要减肥了!"); //

//////////////////////////////

}

else

{

document.getElementById(‘cueBox‘).style.display=‘block‘;

document.getElementById(‘cue‘).innerHTML="亲,你确实要减肥了!";

//////////////////////////

// alert("亲,你确实要减肥了!"); //

//////////////////////////

}

你的身高(cm):

你的体重(kg):

你的理想体重(kg):

您的BMI值: