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