Discussion :

[tictactac]

Bonjour

Pour un projet en informatique je réalise un site de vente mais je suis encore novice en js. Je précise que je m'occupe que de l'interface client donc je n'utilise pas de PHP. J'ai créé une fonction en js qui fonctionne pour le panier, le problème c'est que j'aimerai faciliter le code en faisant une boucle. Ma fonction est chargée de multiplier la quantité par le prix dans le but de sortir un total.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
<script language="javascript" type="text/javascript">
    function calculer()
    {
        document.fpanier.total1.value = document.getElementById("qt1").value * document.fpanier.prix1.value;
        document.fpanier.total2.value = document.getElementById("qt2").value * document.fpanier.prix2.value;
        document.fpanier.total3.value = document.getElementById("qt3").value * document.fpanier.prix3.value;
        document.fpanier.ptotal.value = parseFloat(document.fpanier.total1.value) + parseFloat(document.fpanier.total2.value) + parseFloat(document.fpanier.total3.value);
 
    }
 </script>

J'aimerai donc éviter de répéter les instructions à l'aide d'une boucle for à chaque fois avec qti, prixi et totali

Je vous remercie d'avance.

Bonne journée

[SpaceFrog]

Je ne saurais trop te conseiller que d'abandonner la notation

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.fpanier.total1

au priofit de getElementsByName ou querySelectorAll

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
function calculer()
    {
  total= 0;
  tabTot=document.querySelectorAll("[name^= 'total']");
  max=tabTot.length
 for(i=1; i<max;i++){    
  document.getElementsByName('total'+i)[0].value = +document.getElementById("qt"+1).value * +document.getElementsByName('prix'+i)[0].value;
  total+=     document.getElementsByName('total'+i)[0].value
  }     
    document.getElementsByName('ptotal')[0].value = total;
 
    }

[psychadelic]

Je ne suis pas trop certain de ce à quoi ça correspond au niveau du HTML ?
Il n'y a que 6 champs input en tout et pour tout ?
est-ce qu'il y a une classe différente pour les quantité et les prix ?

[tictactac]

Bonsoir,

Je vous remercie pour vos réponses. Finalement mon professeur m'a dit qu'il ne tiendrait pas compte de ce genre de choses par conséquent je n'ai finalement pas fait de boucle for.

Très bonne soirée à vous.