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