Javascript 值不适用于输入文本框

Question

我四处寻找如何使用 javascript 从输入框中获取文本，所有帖子都说要使用 .value，但是，我一直得到“未定义”。我认为问题是当我使用 .value 时，它​​会在输入标记中查找 value = ""，当它发现没有任何值时，它会返回“未定义”

我正在尝试抓取用户编写的文本并将其放入警报中。

HTML:

<input id='myText' type="text">
<input id = 'bot'type="button" value="Click Me">

JS:

var textValue = document.querySelector("#myText").value;
var clickBot = document.querySelector("#bot")

clickBot.addEventListener("click",function(){
alert(textValue)
})

如果我输入:

<input id='myText' type="text" value = 'works'>

然后，当我单击按钮时，我会收到一条警告，提示“有效”

Answer 1

您需要获取点击处理程序内文本字段中的值；否则，每次处理程序运行时您都会获得相同的值:

var clickBot = document.querySelector("#bot")

clickBot.addEventListener("click",function(){
    var textValue = document.querySelector("#myText").value;
    alert(textValue);
})