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);

通过实施这些解决方案之一，您可以确保输入值始终是最新的并准确反映用户所做的任何更改。