<!DOCTYPE html>
<html>
<head>
<title>BMI</title>
</head>
<body>

<h2>BMI Calculator</h2>

Weight (kg): <input type="number" id="w" onkeyup="calc()"><br><br>
Height (m): <input type="number" id="h" onkeyup="calc()"><br><br>

<h3 id="res"></h3>

<script>
function calc(){
  let w = document.getElementById("w").value;
  let h = document.getElementById("h").value;

  let bmi = w/(h*h);

  let type="";

  if(bmi < 18) type="Underweight";
  else if(bmi >=18 && bmi <=25) type="Normal";
  else if(bmi >25 && bmi <=30) type="Overweight";
  else type="Obese";

  document.getElementById("res").innerHTML = "BMI: " + bmi.toFixed(2) + " (" + type + ")";
}
</script>

</body>
</html>
