Javascript值不适用于输入文本框

我环顾四周，了解了如何使用javascript从输入框中抓取文本，所有帖子都说要使用.value，然而，我一直在“未定义”。我认为问题在于当我使用.value时，它会在输入标记中查找value=“”，当它看到没有任何值时，它会返回“未定义”

我试图抓取用户写的文本并将其放入警报中

HTML:

如果我键入：

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

---

然后，当我单击按钮时，我将得到一个警告，提示“works”

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

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

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

---

textValue

变量的值在页面加载时仅设置一次。由于

myText

输入的值为空，因此将在

textValue

变量中存储一个空值并保持该状态

为避免该问题，请将其传递到函数体中，以便在每次

单击
事件时刷新
textValue
值


var clickBot=document.querySelector（“#bot”），
textValue=document.querySelector（#myText”）；
clickBot.addEventListener（“单击”，函数（）{
警报（textValue.value）；
})
变量
textValue
已在事件侦听器外部初始化为
未定义的
。
每次单击该按钮时，都需要重新指定该值

我建议使用
textValue
存储选择器，然后在警报中使用
textValue.value

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

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

在用户编写内容后，您必须更新You myText的值。
非常感谢，我不敢相信这就是问题所在。如果它解决了您的问题，请将此标记为答案。谢谢汉克我绞尽脑汁想弄明白。。。我觉得自己很愚蠢
var clickBot = document.querySelector("#bot")

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

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

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

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