BMIアプリの作成

BMI（体格指数）の求め方

身長と体重の相関関係から求められる、体格指数のこと。
痩せ・標準体重・肥満（1～４）などの判定を行うために用いられる指数。

BMIの計算式
体重÷（身長）２
※単位はKg、㎝とする

例　身長170ｃｍ、体重60ｋｇの人の場合
６０÷１．７２＝20.761………………

BMI 判定表

 状態 指数 
痩せ型
普通体重
肥満（１度）
肥満（２度）
肥満（３度）
肥満（４度）
１８.５未満 
 １８．５以上２５未満
 ２５以上３０未満
 ３０以上３５未満
 ３５以上４０未満
 ４０以上

入力フォーム

マークアップ言語（html）で記述
<html>
<body>
<h1>BMI計算</h1>
<h2>身長</h2>
<input type="text" value="" id="height">cm
<h2>体重</h2>
<input type="text" value="" id="weight">kg
<hr>
<button onclick="calc()">計算</button>
 プログラム言語（JavaScript）で記述
<p id="bmi"></p>
<p id="message"></p>
</html>
</body>


計算ボタンを押したときに実行される処理

プログラム言語（JavaScript）で記述
<script>
function calc(){
//身長を取得
var height=document.getElementById("height").value;
//cmからmに変換
height=height/100;
//体重を取得
var weight=document.getElementById("weight").value;
//BMIを求める
var bmi=weight/(height*height);
document.getElementById("bmi").innerHTML="BMI:"+bmi;

var message="あなたは";
if(bmi<18.5){
message+="低体重（瘦せ型)です．";
}else if (bmi>=18.5 && bmi<25){
message +="普通体重です。";
}else if (bmi>=25 && bmi<30){
message +="肥満(１度）です。";
}else if (bmi>=30 && bmi<35){
message +="肥満(２度）です。";
}else if (bmi>=35 && bmi<40){
message +="肥満(３度）です。";
}else if (bmi>=40){
message +="肥満(４度です。）";
}
document.getElementById("message").innerHTML=message　;
}
</script>


BMIアプリの完成版　

 

戻る