Afficher une valeur dans une cellule d'un tableau

Fermé
KDJB - Modifié le 17 juin 2021 à 21:04
Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 - 17 juin 2021 à 21:33
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>

1 réponse

Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 524
17 juin 2021 à 21:33
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