不能在脚本中对文本区域使用 .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(){

     const text = document.getElementById("textArea").value

     console.log(text);   

}

<form>

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

    <br>

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

</form>