Javascript document.write

Résolu
Itdaboyz Messages postés 358 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

  1. Mihawk Messages postés 4753 Statut Contributeur 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
    1. Itdaboyz Messages postés 358 Date d'inscription   Statut Membre Dernière intervention   97
       
      Super ça marche, merci.
      0
    2. 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