获取文本输入的 value

在此示例中，当用户在输入框中输入数据时，日志会显示当前的值。

HTML

我们包含了一个 元素和相关的 元素，以及一个

 容器来显示我们的输出。

htmlYour name:


JavaScript
每次触发 keyup 事件时，
 元素的 innerText 属性都会更新为  元素的当前值。

jsconst logElement = document.getElementById("log");
const inputElement = document.getElementById("given-name");
inputElement.addEventListener("keyup", () => {
logElement.innerText = `Name: ${inputElement.value}`;
});
#log {
height: 20px;
padding: 0.5rem;
background-color: #ededed;
}
结果