Javascript document.write

Résolu
Itdaboyz Messages postés 359 Date d'inscription   Statut Membre Dernière intervention   -  
 osef -
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

Réponse 1 / 1
Mihawk Messages postés 4315 Date d'inscription   Statut Contributeur Dernière intervention   846
 
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 359 Date d'inscription   Statut Membre Dernière intervention   97
 
Super ça marche, merci.
0
osef
 
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

Discussions similaires

java script error in the main process
ceciel2307 -
Thibaut -

3 réponses
Javascript Arrondi à 2 chiffres après la virgule
jeremy -
gravityaerox -

12 réponses
javascript:void(0);
nano -
JCVD -

18 réponses
Faire un echo dans un script JS
CorentinRoche -
CorentinRoche -

6 réponses
a javascript error occurred in the main process
Kytsu1241 -
lolomusic667 -

1 réponse