JavaScript 无法获取输入字段的值

问题描述

我在我的HTML代码中有一个输入元素，我想要访问它的值，但是我的JavaScript代码不起作用。 有人对此有解答吗？

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>