利用Javascript實(shí)現(xiàn)BMI計(jì)算器
前言
BMI指數(shù)(英文為Body Mass Index),是目前國(guó)際上常用的衡量人體胖瘦程度以及是否健康的一個(gè)標(biāo)準(zhǔn),當(dāng)我們需要比較及分析一個(gè)人的體重對(duì)于不同高度的人所帶來(lái)的健康影響時(shí),BMI值是一個(gè)中立而可靠的指標(biāo)。本文將介紹如何用JavaScript實(shí)現(xiàn)這個(gè)計(jì)算器,下面一起看看。
話不多說(shuō),直接上代碼
<!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("親,您的體重過(guò)重,要減肥了!"); } 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="開(kāi)始計(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í)踐起來(lái)哦,希望對(duì)大家使用JavaScript能有所幫助。
- JS 實(shí)現(xiàn)計(jì)算器詳解及實(shí)例代碼(一)
- JS實(shí)現(xiàn)簡(jiǎn)單的二元方程計(jì)算器功能示例
- javascript實(shí)現(xiàn)簡(jiǎn)單的可隨機(jī)變色網(wǎng)頁(yè)計(jì)算器示例
- 簡(jiǎn)單實(shí)現(xiàn)JS計(jì)算器功能
- JS鍵盤版計(jì)算器的制作方法
- 簡(jiǎn)單的js計(jì)算器實(shí)現(xiàn)
- Javascript 實(shí)現(xiàn)簡(jiǎn)單計(jì)算器實(shí)例代碼
- 簡(jiǎn)易的JS計(jì)算器實(shí)現(xiàn)代碼
- 原生JavaScript制作計(jì)算器
- 基于AngularJS實(shí)現(xiàn)iOS8自帶的計(jì)算器
- JavaScript計(jì)算器網(wǎng)頁(yè)版實(shí)現(xiàn)代碼分享
- Javascript 實(shí)現(xiàn)計(jì)算器時(shí)間功能詳解及實(shí)例(二)
相關(guān)文章
JavaScript實(shí)現(xiàn)帶標(biāo)題的圖片輪播特效
這里給大家分享的是4屏帶標(biāo)題和文字描述的js圖片輪播代碼,完美兼容IE6。圖片滾動(dòng)切換,鼠標(biāo)放到數(shù)字選項(xiàng)卡即可切換圖片。點(diǎn)擊圖片跳轉(zhuǎn)到指定頁(yè)面,有需要的小伙伴可以參考下。2015-05-05微信小程序結(jié)合mock.js實(shí)現(xiàn)后臺(tái)模擬及調(diào)試
這篇文章主要介紹了微信小程序結(jié)合mock.js實(shí)現(xiàn)后臺(tái)模擬及調(diào)試,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03JavaScript去掉數(shù)組重復(fù)項(xiàng)的方法分析【測(cè)試可用】
這篇文章主要介紹了JavaScript去掉數(shù)組重復(fù)項(xiàng)的方法,結(jié)合實(shí)例形式分析了javascript使用object特性實(shí)現(xiàn)數(shù)組去除重復(fù)項(xiàng)功能的相關(guān)操作技巧,需要的朋友可以參考下2018-07-07微信小程序提取公用函數(shù)到util.js及使用方法示例
這篇文章主要介紹了微信小程序提取公用函數(shù)到util.js及使用方法,結(jié)合實(shí)例形式分析了util.js公用函數(shù)相關(guān)調(diào)用操作技巧,需要的朋友可以參考下2019-01-01在js代碼拼接dom對(duì)象到頁(yè)面上去的模板總結(jié)(必看)
下面小編就為大家?guī)?lái)一篇在js代碼拼接dom對(duì)象到頁(yè)面上去的模板總結(jié)(必看)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-02-02網(wǎng)頁(yè)源代碼保護(hù)(禁止右鍵、復(fù)制、另存為、查看源文件)
網(wǎng)頁(yè)源代碼保護(hù)(禁止右鍵、復(fù)制、另存為、查看源文件),只能起一些簡(jiǎn)單的防護(hù)2012-05-05jsp js鼠標(biāo)移動(dòng)到指定區(qū)域顯示選項(xiàng)卡離開(kāi)時(shí)隱藏示例
jsp js 鼠標(biāo)移動(dòng)到指定區(qū)域顯示選項(xiàng)卡示例,離開(kāi)時(shí)隱藏,具體實(shí)現(xiàn)代碼如下,感興趣的朋友可以了解下哈,希望對(duì)你有所幫助2013-06-06