不能在脚本中对文本区域使用 .value

Question

我正在尝试在按下提交按钮后获取文本区域的值。但是，当我尝试在我的JS文件中使用文本区域来获取文本区域时，它不起作用。以下是我的HTML文本区域和按钮的代码：.value

<form>

        <textarea type="text" id = "textArea" rows="5" cols="100"></textarea>

        <br>

        <input type="button" id="submitButton" value="Submit">

</form>

然后这是我的Javascript代码，用于尝试获取文本区域的值。我在提交按钮上设置了一个侦听器。

var submit = document.getElementById("submitButton")

function buttonPressed(){

     var text = document.getElementById("textArea").value (this .value part doesn't show up)

     console.log(text);   

     submit.addEventListener("click", buttonPressed())

}

该部件不起作用，并且在我键入时不会显示。唯一显示的是我如何获得此文本区域的值？.value.nodeValue

我是Javascript的新手，所以任何帮助将不胜感激！谢谢。

Answer 1

你的问题是你的按钮没有附加事件侦听器，因为“addEventListener在函数内部（从未被调用过），我提取了这个，现在调用了函数。const submit = document.getElementById("submitButton");submit.addEventListener("click", buttonPressed)function buttonPressed(){&nbsp; &nbsp; &nbsp;const text = document.getElementById("textArea").value&nbsp; &nbsp; &nbsp;console.log(text);&nbsp; &nbsp;}<form>&nbsp; &nbsp; <textarea type="text" id = "textArea" rows="5" cols="100"></textarea>&nbsp; &nbsp; <br>&nbsp; &nbsp; <input type="button" id="submitButton" value="Submit"></form>