javascript - この単純な JavaScript プログラムが機能しないのはなぜですか?

Question

アラート ウィンドウに NaN what is wrong? というメッセージが表示されます。すべての助けをありがとう

var weight = parseFloat(document.BMI.weight.value)
var height = parseFloat(document.BMI.height.value)

function calcBMI() {
var answer = weight * 703 / (height*height)
return answer;
  }
    </script>


 <form action="" name="BMI">
<input type="text" name="weight" />
<input type="text" name="height" />
<input type="submit" onclick="alert(calcBMI())" />
</form>

Answer 1

<script type="text/javascript">
function calcBMI() {
var weight = parseFloat(document.BMI.weight.value)
var height = parseFloat(document.BMI.height.value)
var answer = weight * 703 / (height*height)
return answer;
  }
    </script>


 <form action="" name="BMI">
<input type="text" name="weight" />
<input type="text" name="height" />
<input type="submit" onclick="alert(calcBMI())" />
</form>

うまくいけば、今はうまくいきます:)

Answer 2

    function calcBMI() {
    var weight = parseFloat(document.BMI.weight.value)
var height = parseFloat(document.BMI.height.value)
var answer = weight * 703 / (height*height)
return answer;
  }
    </script>

ローカル変数とグローバル変数に問題があります。ボタンをクリックしている間、関数はテキストボックスから値を取得していません

Answer 3

変数を関数呼び出しに移動する必要があります。*編集..私はパンチに殴られました。

<form action="" name="BMI">
  <input type="text" name="weight" />
  <input type="text" name="height" />
  <input type="submit" onclick="alert(calcBMI())" />
</form>

<script type="text/javascript">

function calcBMI() {
    var weight = parseFloat(document.BMI.weight.value)
    var height = parseFloat(document.BMI.height.value)
    var answer = weight * 703 / (height*height)
    console.log(weight);
    return answer;
}
</script>