Javascript document.write

Résolu/Fermé
Itdaboyz
Messages postés
353
Date d'inscription
mercredi 22 juin 2011
Statut
Membre
Dernière intervention
15 novembre 2021
- 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
4311
Date d'inscription
mercredi 29 mars 2006
Statut
Contributeur
Dernière intervention
6 janvier 2015
837
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
353
Date d'inscription
mercredi 22 juin 2011
Statut
Membre
Dernière intervention
15 novembre 2021
95
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