Javascript document.write

Résolu/Fermé
Itdaboyz Messages postés 354 Date d'inscription mercredi 22 juin 2011 Statut Membre Dernière intervention 4 novembre 2023 - 24 févr. 2012 à 18:26
 osef - 9 avril 2013 à 12:33
Bonjour,
Je voudrais faire une fonction qui calcul la TVA sur un prix entré, mon code donne
<script type="text/javascript">
function calcul() {
var prix = document.getElementById('montant').value;
var total = 119.6/100*prix;
document.write(total);
} </script>
<input type="text" name="montant" id="montant" OnChange="calcul();" />
Le problème est que le document.write change la page pour afficher le total au lieu de l'afficher dans la même page, comment faire pour qu'il s'affiche dynamiquement dans la même page ? Merci

1 réponse

Mihawk Messages postés 4313 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 845
Modifié par Mihawk le 24/02/2012 à 18:28
Hello,

Il faut que tu créé une div avec un ID connu, exemple :

<div id="resultat"> </div>

Puis tu modifies ta méthode calcul() de la manière suivante :

<script type="text/javascript">  
   function calcul() {  
      var prix = document.getElementById('montant').value;  
      var total = 119.6/100*prix;  
      document.getElementById("resultat").innerHTML = total;  
} </script> 


Mihawk
"La rigoureusité fait la qualité"
1
Itdaboyz Messages postés 354 Date d'inscription mercredi 22 juin 2011 Statut Membre Dernière intervention 4 novembre 2023 97
24 févr. 2012 à 18:34
Super ça marche, merci.
0
Comment faire pour afficher plusieurs résultats dans le même div comme dans un tchat? ( à chaque fois qu'on appuie sur le bouton la valeur s'ajoute à la liste des résultat). Merci d'avance
0