我的html代码中有一个输入元素,我想访问它的值,但我的javascrip代码无法工作. 有谁能回答这个问题吗?

let inputElem = document.getElementById('username');
let button = document.getElementById('input-btn');

let inputValue = inputElem.value;

button.addEventListener('click', function () {
    console.log(inputValue);
});
<input type="text" id="username">
<button type="button" id="input-btn">click</button>

推荐答案

在用户有机会输入值之前,您在加载页面时立即读取值.

改为读取单击处理程序中的值:

let inputElem = document.getElementById('username');
let button = document.getElementById('input-btn');

button.addEventListener('click', function () {
    let inputValue = inputElem.value;
    console.log(inputValue);
});
<input type="text" id="username">
<button type="button" id="input-btn">click</button>

Javascript相关问答推荐

如何在Node.js中减go 两个日期和时间?

使脚本兼容于其他YouTube URL格式

vue3类型脚本中可能未定义对象''

输入有关HTML复选框的已判断属性的信息

试图为每支球队生成类似于2024/25年欧洲足联冠军联赛瑞士系统格式的独特比赛配对

如何在dataTables PDF输出中正确渲染字形?

布局样式在刷新时不持续

在JS中获取名字和姓氏的首字母

Redux工具包查询(RTKQ)端点无效并重新验证多次触发

被CSS优先级所迷惑

useNavigation更改URL,但不呈现或显示组件

如何在模块层面提供服务?

VUE 3捕获错误并呈现另一个组件

在WordPress中使用带有WPCode的Java代码片段时出现意外令牌错误

JS:XML insertBefore插入元素

如何使用JS创建一个明暗功能按钮?

如何限制显示在分页中的可见页面的数量

按什么顺序接收`storage`事件?

是否可以将Select()和Sample()与Mongoose结合使用?

Node.js错误: node 不可单击或不是元素