利用Javascript实现BMI计算器
来源:易贤网 阅读:1381 次 日期:2016-08-30 15:38:46
温馨提示:易贤网小编为您整理了“利用Javascript实现BMI计算器”,方便广大网友查阅!

前言

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能有所帮助。

更多信息请查看网络编程
易贤网手机网站地址:利用Javascript实现BMI计算器
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!
关于我们 | 联系我们 | 人才招聘 | 网站声明 | 网站帮助 | 非正式的简要咨询 | 简要咨询须知 | 加入群交流 | 手机站点 | 投诉建议
工业和信息化部备案号:滇ICP备2023014141号-1 云南省教育厅备案号:云教ICP备0901021 滇公网安备53010202001879号 人力资源服务许可证:(云)人服证字(2023)第0102001523号
云南网警备案专用图标
联系电话:0871-65317125(9:00—18:00) 获取招聘考试信息及咨询关注公众号:hfpxwx
咨询QQ:526150442(9:00—18:00)版权所有:易贤网
云南网警报警专用图标