Afficher une valeur dans une cellule d'un tableau

KDJB -  
Pitet Messages postés 2826 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour
j'ai fait un tableau qui contiendra la quantité d'un article son prix unitaire je souhaite calculer et afficher la valeur du prix total mais j'ai un souci avec le script javascript
voila mon code
<table border="1" cellpadding="1" cellspacing="0">
 <tr><td>article</td>
 <td>quantite</td>
 <td>prix unitaire</td>
 <td>total</td></tr>
 <tr><td>souris</td><td><input type="text" name="" id="n1"></td><td><input type="text" name="" id="n2"></td><td id="n5"></td></tr>
 <tr><td>clavier</td><td><input type="text" name="" id="n3"></td><td><input type="text" name="" id="n4"></td><td id="n6"></td></tr>
</table>
 <input type="submit" name="" value="calculer" onclick="calculer()">
<script language="javascript">
 function calculer(){
  var nbr1=document.getElementById('n1').value;
 var nbr2=document.getElementById('n2').value;
 var nbr3=document.getElementById('n3').value;
 var nbr4=document.getElementById('n4').value;
  var nbr5=nbr1*nbr2
  var nbr6=nbr1*nbr2;
document.getElementById('n5').value=nbr5;
document.getElementById('n6').value=nbr6;
 }

</script>
A voir également:

1 réponse

Pitet Messages postés 2826 Date d'inscription   Statut Membre Dernière intervention   527
 
Bonjour,

Puisque la cellule du tableau id="n5" est une balise td et non pas une balise input, il faut utiliser la propriété innerHTML à la place de la propriété value pour modifier son contenu :

document.getElementById('n5').innerHTML = nbr5;
0