Javascript lié au changement de texte du bouton de saisie

Question

J'ai le nom du produit (au paragraphe), le texte et le bouton. Les produits ont des ID comme suit p1, p2 ... Les types d'entrée ont des ID comme suit i1, i2 ... Après avoir tapé quelque chose dans le formulaire et en cliquant sur Soumettre, je veux que cela change le texte du produit par défaut. J'ai la fonction suivante qui ne fonctionne que pour un ensemble (paragraphe, forme et bouton). Le problème est que cette fonction produit ne fonctionne que pour p1, i1 Je veux à la fourche pour p1, i1, p2, i2, etc

function product(id){ 
      var userInput = document.getElementById("i1").value; 
      document.getElementById("p1").innerHTML = userInput; 
     } 

L'appel de fonction est la suivante:

<button type='button' onclick='product()'>Name product</button> 

Answer 1

ce que vous avez besoin est de passer l'indice à la fonction:

function product(id) { 
    var userInput = document.getElementById("i"+id).value; 
    document.getElementById("p"+id).innerHTML = userInput; 
} 

votre code html ressemblerait à ceci:

<button type='button' onclick='product(1)'>Name product</button> 

espérons que cela aide.

Answer 2

vous pouvez utiliser une boucle pour régler faire tous les changements

function product(){ 
    for (var i=0;i < totalNumberofItems;i++){ 
     var userInput = document.getElementById("i"+i).value; 
     document.getElementById("p"+i).innerHTML = userInput; 
    } 
} 

qui est si vous voulez que le bouton pour mettre à jour tous les champs