忍者ブログ

からすまる日誌

20191106自習 BMIによってふとか痩せか表示

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

20191106自習 BMIによってふとか痩せか表示

BMIによって結果がふとか痩せか出す(自習)
 
--->bmi.html
 
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>BMI計算プログラム</title>
<link rel="stylesheet" href="bmi.css">
</head>
<body>
  <h1>BMI</h1>
<!--身長と体重の入力欄-->
  <p>身長 <input type="text" id="height">(m)</p>
<p>体重 <input type="text" id="weight">(kg)</p>
  <p><button onclick="calc()">計算</button></p>
  <p id="result"></p>
  <p id="result2"></p>//ふとか痩せか表示する場所
   
<script src="bmi.js"></script>
</body>
</html>
 
 
--->bmi.js
 
console.log('foo!');
 
var height; //身長(m)
var weight; //体重(kg)
var bmi; //BMI値
var result_text;//ふとかやせか
 
function calc(){
height = document.getElementById('height').value;
  weight = document.getElementById('weight').value;
  bmi = weight / (height * height);
  document.getElementById('result').innerHTML = "BMI "+bmi;
 
//ふとか痩せか表示する  
if (bmi >=25){
result_text="BMIは25以上です。ふと!";
}else if (bmi >=18.5){
result_text="BMIは18.5以上25以下です。ふつう!";
}else{
result_text="BMIは18.5以下です。やせ!";
}
document.getElementById('result2').innerHTML = result_text;
 
  console.log(height, weight);
console.log(parseInt(bmi));
}
PR

コメント

ブログ内検索

カレンダー

04 2025/05 06
S M T W T F S
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31