网站首页  汉语字词  英语词汇  考试资料  写作素材  旧版资料

请输入您要查询的考试资料:

 

标题 利用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能有所帮助。
随便看

 

在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。

 

Copyright © 2002-2024 cuapp.net All Rights Reserved
更新时间:2025/5/21 0:27:55