將`input`的值分配給變量但在JS中返回空白

Question

我想將input的值分配給 Javascript 中的變量，但我不確定為什么input的值總是空白。

這是一個例子：

 let input = document.getElementById('input').value let val = 'not' function check() { //console.log(document.getElementById('input').value) will work console.log(typeof input) console.log(input) }

 <input id='input' type='text'> <button onclick='check()'>Check</button>

input值為空白（無），但typeof input為string 。

如果我使用document.getElementById('input').value ，這將完全有效，這將成功顯示input的值。

誰能解釋一下為什么我將它分配給一個variable不起作用？

感謝您的任何回復！

Answer 1

變量賦值val = 'not'發生在第一次頁面加載時。 當您需要分配動態值時，例如單擊按鈕時，您需要一個事件處理機制（在您的情況下，是一個click事件）。 單擊時您正在調用 function，但沒有為您的變量分配任何值。 在 function 中進行分配，如：

function check() {
  val = document.getElementById('input').value)
  console.log(val)
}