使用 javascript 將附加價值新增至顯示的格式資料字段

Question

我正在努力實現這一目標：

我想建立一個表單來收集使用者輸入的資料並將其列印在螢幕上。到目前為止，我已經透過下面的程式碼片段實現了幾乎正常的效果，但是，我需要「textone」和「textTWO」欄位來顯示「任務一」和「任務二」的附加資料值（在其值之前）

function testVariable() {
    var strText = document.getElementById("textone").value;          
    var strText1 = document.getElementById("textTWO").value;
    var result = strText + ' ' + strText1;
    document.getElementById('spanResult').textContent = result;

}

<input type="text" id="textone" />
<input type="text" id="textTWO" />
<button  onclick="testVariable()">Submit</button> <br />
<span id="spanResult"></span>

所以，我的問題是：如何更改 JS 以便在“任務一”字段的結果之前在屏幕上打印“任務一”，並且“任務二”的結果相同

Answer 1

您應該只在傳回值的地方新增標籤，例如：

var result = 'Task one: ' + strText + ' AND TastTwo: ' + strText1;

function testVariable() {
  var strText = document.getElementById("textone").value;
  var strText1 = document.getElementById("textTWO").value;
  var result = 'Task one: ' + strText + ' AND TastTwo: ' + strText1;
  document.getElementById('spanResult').textContent = result;
}

Submit