为什么我的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