利用Javascript實現(xiàn)BMI計算器
更新時間:2016年08月16日 11:58:07 投稿:daisy
BMI指數(shù)計算器相信大家都用過,那用JavaScript怎么實現(xiàn)呢?其實很簡單,這篇文章給出了實例代碼,有需要的可以參考學習。
前言
BMI指數(shù)(英文為Body Mass Index),是目前國際上常用的衡量人體胖瘦程度以及是否健康的一個標準,當我們需要比較及分析一個人的體重對于不同高度的人所帶來的健康影響時,BMI值是一個中立而可靠的指標。本文將介紹如何用JavaScript實現(xiàn)這個計算器,下面一起看看。
話不多說,直接上代碼
<!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("親,你的體重正常,要繼續(xù)保持喲!"); } 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實現(xiàn)BMI計算器的全部內容,很簡單吧,感興趣的朋友可以自己動手實踐起來哦,希望對大家使用JavaScript能有所幫助。
相關文章
JavaScript去掉數(shù)組重復項的方法分析【測試可用】
這篇文章主要介紹了JavaScript去掉數(shù)組重復項的方法,結合實例形式分析了javascript使用object特性實現(xiàn)數(shù)組去除重復項功能的相關操作技巧,需要的朋友可以參考下2018-07-07微信小程序提取公用函數(shù)到util.js及使用方法示例
這篇文章主要介紹了微信小程序提取公用函數(shù)到util.js及使用方法,結合實例形式分析了util.js公用函數(shù)相關調用操作技巧,需要的朋友可以參考下2019-01-01jsp js鼠標移動到指定區(qū)域顯示選項卡離開時隱藏示例
jsp js 鼠標移動到指定區(qū)域顯示選項卡示例,離開時隱藏,具體實現(xiàn)代碼如下,感興趣的朋友可以了解下哈,希望對你有所幫助2013-06-06