Page 1 sur 1

Affichage d'une variable JS dans du HTML

Posté : 24 avr. 2020, 17:31
par itoine
Hello,

Je fais une opération dans un script JS pour calculer une pulsation.

Auparavant, j'affichais le résultat dans un OUTPUT. Mais pour des raisons esthétiques, j'aimerai qu'il s'affiche autrement. Soit dans un ALERT, soit directement sur ma page HTML.

J'ai essayé avec

Code : Tout sélectionner

        <script type="text/javascript">
            document.write(Pulsation)
         </script>
mais rien ne s'affiche.


Mon code HTML

Code : Tout sélectionner

        <div class="container">
            <form id="Calcul-form" class="Calcul-form">
                <div class="form-group">
                    <div class="formulaire-donnees">
                        <label for="Frequende">Fréquence (en Hz)</label>
                        <input type="text" id="Frequence" name="Frequence" placeholder="Valeur de la fréquence" />
                    </div>
                    <div class="formulaire-donnees">
                        <label for="Periodevoulue">Période voulue (en divisions)</label>
                        <input type="text" id="Periodevoulue" name="Periodevoulue" placeholder="Valeur de la période" />
                    </div>

                    <div class="form-submit">
	                          <button type="button" class="Calcul" onclick="somme()">Calculer l'équation</button>
	                          <button type="button" class="Calcul"  onClick="this.form.reset();"> Reset </button>
	                </div>

                </div>
            </form>
        </div>
        
Mon code JS

Code : Tout sélectionner

         function somme(){
             var Frequence, Periodevoulue, Pulsation, Calibre;
             Frequence = Number(document.getElementById("Frequence").value);
             Periodevoulue = Number(document.getElementById("Periodevoulue").value);
             Pulsation = 2*Math.PI / Periodevoulue;
             Calibre = 1000 / (Frequence * Periodevoulue)
             document.getElementById("Pulsation").value = Pulsation;
             document.getElementById("Calibre").value = Calibre;

         }
         
         
Merci d'avance pour votre aide.

Antoine

Re: Affichage d'une variable JS dans du HTML

Posté : 25 avr. 2020, 17:09
par webmaster
Bonjour

La bonne syntaxe est :

Code : Tout sélectionner

document.getElementById("Calibre").innerHTML = Pulsation;
.value ne fonctionne que sur les INPUT