Fügen Sie mithilfe von Javascript zusätzliche Werte zu den angezeigten Formatdatenfeldern hinzu

Question

Ich versuche das zu erreichen:

Ich möchte ein Formular erstellen, das vom Benutzer eingegebene Daten sammelt und auf dem Bildschirm ausdruckt. Bisher habe ich mit dem folgenden Codeausschnitt fast einen funktionierenden Effekt erzielt, allerdings benötige ich die Felder „textone“ und „textTWO“, um die zusätzlichen Datenwerte von „task one“ und „task two“ (vor ihren Werten) anzuzeigen )

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>

Meine Frage lautet also: Wie ändere ich das JS so, dass „Aufgabe Eins“ vor dem Ergebnis des Feldes „Aufgabe Eins“ auf dem Bildschirm gedruckt wird und das Ergebnis von „Aufgabe Zwei“ dasselbe ist

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