Ajoutez des valeurs supplémentaires aux champs de données de format affichés à l'aide de javascript

Question

J'essaie d'atteindre ceci :

Je souhaite créer un formulaire qui collecte les données saisies par l'utilisateur et les imprime à l'écran. Jusqu'à présent, j'ai obtenu presque un effet fonctionnel avec l'extrait de code ci-dessous, cependant, j'ai besoin des champs "textone" et "textTWO" pour afficher les valeurs de données supplémentaires de "tâche un" et "tâche deux" (avant leurs valeurs )

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>

Donc, ma question est la suivante : comment puis-je modifier le JS pour que "Tâche 1" soit imprimée à l'écran avant le résultat du champ "Tâche 1", et que le résultat de la "Tâche deux" soit le même

Answer 1

Vous ne devez ajouter que des étiquettes où les valeurs sont renvoyées, par exemple :

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