Affichage d'une variable JS dans du HTML

Pour toutes les discussions javascript, jQuery et autres frameworks
Répondre
itoine
Messages : 1
Enregistré le : 24 avr. 2020, 17:29

Affichage d'une variable JS dans du HTML

Message par itoine » 24 avr. 2020, 17:31

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

Avatar du membre
webmaster
Administrateur du site
Messages : 563
Enregistré le : 28 févr. 2017, 15:19

Re: Affichage d'une variable JS dans du HTML

Message par webmaster » 25 avr. 2020, 17:09

Bonjour

La bonne syntaxe est :

Code : Tout sélectionner

document.getElementById("Calibre").innerHTML = Pulsation;
.value ne fonctionne que sur les INPUT
TJS : 25 ans et mon livre Tout JavaScript chez Dunod
https://www.toutjavascript.com/livre/index.php

Répondre