为什么我的 javascript 函数不能从文本区域中提取文本？

Question

我想从两个文本区域中提取文本并将它们连接到下一个段落中。我制作了一个计算器和奇数/偶数验证器，并且能够很好地绘制用户输入值。文字有什么不同吗？

<p>
<textarea id="text1" rows="4" cols="50">Type here!</textarea>
<br>
<textarea id="text2" rows="4" cols="50">Now type something here!</textarea>
<br>
<button type="button" onclick="tafunc()">Click here to put text in paragraph below!</button>    
</p>
<p id="result"></p>

<script>
function tafunc() {
    var first, second, bothtextareas;
    first = document.getElementById("text1").value;
    second = doucment.getElementById("text2").value;
    bothtextareas = first.concat(" ", second);
    document.getElementById("result").innerHTML = bothtextareas;

}


</script>

Answer 1

文档在第二个作业中拼写错误。并且对 textarea 使用 value 属性是正确的！

HTML：

    <textarea id="text1" rows="4" cols="50">Type here!</textarea>
    <br>
    <textarea id="text2" rows="4" cols="50">Now type something here!</textarea>
    <br>
    <button id="btn1" type="button">Click here to put text in paragraph below!</button>    
    </p>
    <p id="result"></p>

将您的内联 javascript 更改为：

var btn = document.getElementById("btn1");
btn.onclick = function () {
    var first, second, bothtextareas;
    first = document.getElementById("text1").value;
    second = document.getElementById("text2").value;
    bothtextareas = first.concat(" ", second);
    document.getElementById("result").innerHTML = bothtextareas;
}

这是一个有效的jsFiddle