利用Javascript實(shí)現(xiàn)BMI計(jì)算器

更新時(shí)間：2016年08月16日 11:58:07 投稿：daisy

BMI指數(shù)計(jì)算器相信大家都用過，那用JavaScript怎么實(shí)現(xiàn)呢？其實(shí)很簡(jiǎn)單，這篇文章給出了實(shí)例代碼，有需要的可以參考學(xué)習(xí)。

前言

BMI指數(shù)(英文為Body Mass Index)，是目前國(guó)際上常用的衡量人體胖瘦程度以及是否健康的一個(gè)標(biāo)準(zhǔn)，當(dāng)我們需要比較及分析一個(gè)人的體重對(duì)于不同高度的人所帶來的健康影響時(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ì)算器的全部?jī)?nèi)容，很簡(jiǎn)單吧，感興趣的朋友可以自己動(dòng)手實(shí)踐起來哦，希望對(duì)大家使用JavaScript能有所幫助。

您可能感興趣的文章:

相關(guān)文章

FireFox下XML對(duì)象轉(zhuǎn)化成字符串的解決方法
近，在客戶端解吸xml時(shí)候，需要將XML轉(zhuǎn)化成字符串，看了很多文章，介紹的最多的是將XML字符串轉(zhuǎn)化成對(duì)象
2011-12-12
JavaScript正則表達(dá)式匹配 div style標(biāo)簽
這篇文章主要介紹了JavaScript正則表達(dá)式匹配<div><style>標(biāo)簽的相關(guān)資料,需要的朋友可以參考下
2016-03-03
一文讓你徹底弄懂js中undefined和null的區(qū)別
JavaScript是一門動(dòng)態(tài)類型語言,元素除了表示存在的空值外,還有可能根本就不存在,這就是undefined存在的原因,這篇文章主要給大家介紹了關(guān)于undefined和null區(qū)別的相關(guān)資料,需要的朋友可以參考下
2022-03-03
手把手教你在微信小程序中使用three.js(保姆級(jí)教程)
Three.js是一款運(yùn)行在瀏覽器中的3D引擎,你可以用它創(chuàng)建各種三維場(chǎng)景,包括了攝影機(jī)、光影、材質(zhì)等各種對(duì)象,下面這篇文章主要給大家介紹了關(guān)于如何在微信小程序中使用three.js的保姆級(jí)教程,需要的朋友可以參考下
2023-03-03
JS實(shí)現(xiàn)鼠標(biāo)箭頭變成一個(gè)燃燒燭光效果的方法
這篇文章主要介紹了JS實(shí)現(xiàn)鼠標(biāo)箭頭變成一個(gè)燃燒燭光效果的方法,實(shí)例分析了javascript操作鼠標(biāo)事件及圖片的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-02-02
js?面向?qū)ο髮W(xué)習(xí)筆記
這篇文章主要介紹了js?面向?qū)ο?需要的朋友可以參考下
2023-05-05
JS+CSS3模擬溢出滾動(dòng)效果
這篇文章主要介紹了JS+CSS3模擬溢出滾動(dòng)效果的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-08-08
js以分隔符分隔數(shù)組中的元素并轉(zhuǎn)換為字符串的方法
下面小編就為大家?guī)硪黄猨s以分隔符分隔數(shù)組中的元素并轉(zhuǎn)換為字符串的方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-11-11
ko knockoutjs動(dòng)態(tài)屬性綁定技巧應(yīng)用
ko的動(dòng)態(tài)屬性是指，ViewModel不確定的屬性，而后期卻需要的屬性,本文將詳細(xì)介紹，需要的朋友參考下
2012-11-11
fastclick插件導(dǎo)致日期(input[type="date"])控件無法被觸發(fā)該如何解決
這篇文章主要介紹了fastclick插件導(dǎo)致日期(input[type="date"])控件無法被觸發(fā)該如何解決,需要的朋友可以參考下
2015-11-11