為什麼在使用者輸入後檢索我的輸入值變數時它是空的？

對變數中儲存的空輸入值進行故障排除

嘗試擷取輸入欄位() 的值以供以後使用時在從API 取得資料時，您可能會遇到這樣的問題：無論使用者輸入為何，儲存的變數仍為空。發生這種情況是因為保存輸入值的變數在初始腳本評估期間僅初始化一次，永遠不會再次更新。

在您提供的程式碼片段中，當腳本執行時， inputValue 變數被指派輸入欄位的值是第一次加載，而不是按一下按鈕時載入。要在每次按一下按鈕時存取更新的輸入值，您有兩個選項：

1。每次查詢元素：

const testing = () => {
  const inputValue = document.getElementById("inputField").value;

  alert(inputValue);
};

在這種情況下，每次調用測試函數時都會檢索輸入值並在測試函數中使用它。

2.引用元素並查詢 Value 屬性：

const inputElement = document.getElementById("inputField");
const testing = () => alert(inputElement.value);

這裡，輸入元素引用儲存在 inputElement 中，讓您在需要時存取其 value 屬性。

以上是為什麼在使用者輸入後檢索我的輸入值變數時它是空的？的詳細內容。更多資訊請關注PHP中文網其他相關文章！