微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

我无法获取输入值的值

如何解决我无法获取输入值的值

这是我的代码

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>

解决方法

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

可以通过调用firstname函数后定义adder值来解决

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>

,

如果您希望将所有变量放在一起,请稍作调整。您为 invoke(book) 变量分配了一个空字符串。

HTML

firstname

JS

<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 = ''; } 值重置回空字符串 ?

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。