javascript - jsで出力された値が期待と違っていてよくわかりません。

Question

リーリー

queue は入力ボックス、number1.value はその入力値 (数値) ですが、height1 の出力は常に数値なしの px です。 ＃＃＃例えば：＃＃＃ リーリー
私もある方法を試してみました

リーリー

今回はさらに奇妙です、

リーリー リーリー

Proof

number1.value

は文字列です。文字列と文字列は OK です。

Answer 1

1.おそらく理解していることです

リーリー

2. 正しい入手方法

リーリー

3. 入力ボックスの内容を監視する別の方法

リーリー

Answer 2

ページを開くとすぐに関数が実行されます。値を再度入力してもメソッドは実行されず、最初の値は空です。

Answer 3

ページがロードされたばかりのときは、まだ入力に値を書き込んでいないため、値は空でなければなりません
var height = 0;
var input = document.querySelector('#input') ;
var btn = document.querySelector('#btn');
btn.addEventListener('click', function(){

リーリー

}、偽)