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

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

<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>

---

文件在第二次作业中拼写错误。对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>

---

这是一个有效的

我投票否决了这个问题，因为问题得到了回答，然后相应地改变了，这不再是最初的问题。在脚本中放置onclick与在按钮中放置onclick的优势是什么？优势是：1-行为javascript与表示HTML分离2-不混合语言和干净的HTML 3-您使用的javascript可以为您处理大多数跨浏览器问题4-您可以将行为添加到一次包含大量HTML元素，无代码重复

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;
}