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

时间:2015-11-22 23:52:26

标签: javascript concatenation

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

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

1 个答案:

答案 0 :(得分:0)

文档在第二次作业中拼写错误。并使用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