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

Question

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

<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

文档在第二次作业中拼写错误。并且对文本区域使用值属性是正确的！

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

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

Why isn't my javascript function pulling text from text areas?

javascript

concatenation