JavaScript 中的空輸入值問題

將輸入欄位的value 屬性儲存到變數中可能會導致值保留的問題無論用戶輸入如何，都為空。為了理解這一點，讓我們檢查一下您提供的程式碼：

const inputValue = document.querySelector("#inputField").value;

這一行將輸入欄位的值指派給inputValue第一次執行腳本時的變數。但是，當使用者在輸入欄位中鍵入時，它不會更新該值。 JavaScript 中的字串是不可變的，這意味著一旦儲存在變數中，它們的值就無法更改。

要解決此問題，您有兩個選擇：

1. 每次查詢元素：
   每次點擊按鈕時用最新值更新inputValue 變數。

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

2. 儲存元素的引用：
   維護輸入欄位元素的引用，並在需要時動態檢索其值。

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

透過實施這些解決方案之一，您可以確保輸入值始終是最新的並準確反映使用者所做的任何更改。