Tambahkan nilai tambahan pada medan data format yang dipaparkan menggunakan javascript

Question

Saya cuba mencapai ini:

Saya ingin membuat borang yang mengumpul data yang dimasukkan oleh pengguna dan mencetaknya pada skrin. Setakat ini saya telah mencapai hampir kesan yang berfungsi dengan coretan kod di bawah, walau bagaimanapun, saya memerlukan medan "textone" dan "textTWO" untuk memaparkan nilai data tambahan "task one" dan "task two" (sebelum nilainya )

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>

Jadi, soalan saya ialah: Bagaimanakah cara saya menukar JS supaya "Task One" dicetak pada skrin sebelum hasil medan "Task One", dan hasil "Task Two" adalah sama

Answer 1

Anda hanya perlu menambah label di mana nilai dikembalikan, contohnya:

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