为什么在用户输入后检索我的输入值变量时它是空的？

对变量中存储的空输入值进行故障排除

尝试检索输入字段 () 的值以供以后使用时在从 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中文网其他相关文章！