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> 

Answer 2

 function concate() { var s=document.getElementById("field").value; var t=document.getElementById("str2").value; var st=document.getElementById("str3").value; // this is a standard way to concatenate string in javascript var result = s+t; document.getElementById("str3").value=result; } 

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