我无法获得输入值的值答案

【问题标题】：I can't get the value of a input value我无法获得输入值的值
【发布时间】：2021-03-14 19:58:17
【问题描述】：

这是我的代码。

let firstname = document.querySelector("#name").value;
let add = document.querySelector("#add").value;

function adder() {
  alert(firstname);
}

<input required type="text" name="" id="name">
<button onclick="adder()" id="add">add</button>

【问题讨论】：

尝试将let firstname = document.querySelector("#name").value; 放入adder()
zb22 的建议指出了这样一个事实，即您在输入值为空时收集它，然后在没有检索输入的“新”值的情况下警告空值。

标签： javascript html forms input get

【解决方案1】：

这是因为您在将值设置为文本输入之前定义了 firstname 值

在调用adder函数后定义firstname值即可解决

let add = document.querySelector("#add").value;

function adder() {
    let firstname = document.querySelector("#name").value;
    alert(firstname);
}

<input required type="text" name="" id="name">
<button onclick="adder()" id="add">add</button>

【讨论】：

感谢您的回答！

【解决方案2】：

如果您希望将所有变量放在一起，请进行小调整。您正在为 firstname 变量分配一个空字符串。

HTML

<input required type="text" name="" id="name" />
<button onclick="adder()" id="add">add</button>

let firstname = document.querySelector('#name');
let add = document.querySelector('#add').value;

function adder() {
 alert(firstname.value);
 firstname.value = '';
}

单击按钮后，还将firstName 值重置为空字符串?

【讨论】：