Javascript event.target.value不是将userinput插入变量

我有一个html表单，希望在每次单击提交按钮时使用eventlistener，并将textarea和textinput插入警报

event.target.value的功能不适用于我，并且userinput未设置为变量

为什么eventa.target.value不起作用？我如何使用用户输入

代码：

var myinput=document.getElementById（'myinput'）；
var mytext=document.getElementById（'mytext'）.target.value；
var myform=document.getElementById（'myform'）；
myform.addEventListener（“更改”，函数（事件）{
警报（mytext）；
})
myform.addEventListener（“单击”，函数（事件）{
警报（mytext）；
})

input[type=“text”]{
宽度：200px；
高度：20px；
}
输入[type=“submit”]{
宽度：100px；
高度：50px；
}

您可以使用下面的代码片段，并记住事件的目标是您放置单击事件的对象。因此，目标将是您不想要的提交按钮。另外，

target.value

仅对目标有效，而不在DOM中的任何其他元素中

const myinput=document.getElementById（'myinput'）；
const mytext=document.getElementById（'mytext'）；
const submitButton=document.getElementById（'submit'）；
submitButton.addEventListener（“单击”），函数（事件）{
const textInput=myinput.value；
const textArea=mytext.value；
警报（`文本输入：'${textInput}'和文本区域：'${textArea}`）；
});

文件
输入[type=“text”]{
宽度：200px；
高度：20px；
}
输入[type=“submit”]{
宽度：100px；
高度：50px；
}



为什么eventa.target.value不起作用

因为您没有使用
Event.target.value
。您正在尝试使用
HTMLElement.target.value
它当然是
未定义的
，因为
HTMLElement
没有
target
属性。但是，在
HTMLInputElement
和
HTMLTextareaElement
的情况下，它们确实有一个
值
属性，您可以在事件侦听器中读取该属性：


var myinput=document.getElementById（'myinput'）；
var mytext=document.getElementById（'mytext'）；
var myform=document.getElementById（'myform'）；
myform.addEventListener（“更改”，函数（事件）{
log（mytext.value）；
log（myinput.value）；
})
myform.addEventListener（“提交”，函数（事件）{
event.preventDefault（）；
log（mytext.value）；
log（myinput.value）；
})
input[type=“text”]{
宽度：200px；
高度：20px；
}
输入[type=“submit”]{
宽度：100px；
高度：50px；
}



您没有在提供的javascript中使用
target.value
。代码中没有任何内容看起来会使用
event.target.value
。也不清楚你到底想完成什么。这些警报非常没有意义。尽管如此，您可以尝试使用
currentTarget
而不是
target
@GetOffMyLawn抱歉，这是添加的。我使用的是Visual Studio代码，它将行标记为红色，或者没有自动完成。该任务实际上并不需要事件对象