JavaScript 字符串连接不起作用

Question

这个用于连接的 javascript 代码不起作用。我在脚本标记关闭之前尝试了一个警报，它显示了，但下面的代码我想在第三个或不同的文本字段中显示结果。

HTML:

<input type="text" id="field"><br>
<input type="text" id="str2"><br>
<input type="text" id="str3"><br>
<button onclick="concate()">Concatenate</button>

JavaScript:

var s=document.getElementById("field").value;
var t=document.getElementById("str2").value;
var st=document.getElementById("str3").value;

function concate()
{
    st=s+t;
    document.getElementById("str3").value.innerHTML=st;
    console.log(st);
    document.write(st); 
}

Answer 1

没有函数 .value.innerHTML 应该是:

document.getElementById("str3").value = st;

您还应该在函数中获取字段值并使用 } 关闭您的函数定义，检查下面的示例。

希望这对您有所帮助。

---

function concate()
{
     var s=document.getElementById("field").value;
     var t=document.getElementById("str2").value;

     document.getElementById("str3").value=s+t;
}

<input type="text" id="field"><br>
<input type="text" id="str2"><br>
<input type="text" id="str3"><br>
<button onclick="concate()">Concatenate</button>