月: 2022年8月

投稿日:

BMI計算

　Javascriptについて学ぶ　

Javascriptを使ってBMI計算を作成

体重（㎏）
身長（㎝）
BMI
ここをクリックして計算開始(click here)

BMIが25以上だと、ちょっと肥満気味。18未満だとやせすぎ

HTML <h3 id=”BMI” >Javascriptを使ってBMI計算を作成</h3>
<form name=”bmi_box”>
体重（㎏）
<input type=”text” id=”kg”><br>
身長（㎝）
<input type=”text” id=”cm”><br>
BMI
<input type=”text” id=”bmi”>
<div id=”btn_id”>ここをクリックして計算開始(click here)</div>
</form>
<p>BMIが25以上だと、ちょっと肥満気味。18未満だとやせすぎ</p>
JavaScript const btn = document.getElementById(“btn_id”)
btn.addEventListener(“click”,function(){
const weight = document.getElementById(“kg”).value
const height = document.getElementById(“cm”).value
const height_m = height /100
const total = weight / (height_m * height_m)
document.getElementById(“bmi”).value = Math.round(total);
})

このサイトを参考にしました。