久々に JavaScript に触ってみましたが、onClick が効かなくて焦りました。コードのタイプミスが原因でした。他にもHTMLタグのid が予約語や変数名と被るとかいった事でもダメみたいですね。
https://stuffy.mydns.jp/~gusachan/javascript/BMI.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript">
function calcBMI() {
var shincho = document.getElementById("height");
var tiju = document.getElementById("weight");
var hantei = document.getElementById("result");
var h = shincho.value/100, w = tiju.value;
var bmi = w/h/h;
if (bmi < 18.5) {
hantei.innerHTML = "痩せすぎ";
}
else if (bmi < 25) {
hantei.innerHTML = "普通";
}
else if (bmi < 30) {
hantei.innerHTML = "肥満度1";
}
else if (bmi < 35) {
hantei.innerHTML = "肥満度2";
}
else if (bmi <40) {
hantei.innerHTML = "肥満度3";
}
else if (bmi >= 40) {
hantei.innerHTML = "肥満度4";
}
}
</script>
</head>
<body>
<form>身長を入力してください。<input type="text" size="4" id="height"> cm<br>
体重を入力してください。<input type="text" size="4" id="weight"> kg<br>
<input type="button" value="計算" onClick="calcBMI()"></form>
判定：<div id="result"></div>
</body>
</html>
