Afficher une variable Javascript dans une page HTML

Dans ce tutoriel nous allons découvrir comment afficher une variable Javascript dans une page HTML.
 
 

Exemple 1: En utilisant document.write()
<html>
   <head>
      <script type="text/javascript">
         var somme = 1 + 2;
      </script>
   </head>
   <body>
      <h1>
         La somme = 
         <script type="text/javascript">
            document.write(somme)
         </script>
      </h1>
   </body>
</html>

La sortie :

La somme = 3

 

Exemple 2: En utilisant la propriété innerHTML
<html>
   <body>
      <h1>
         La somme = <span id="sum"></span>
      </h1>
   </body>
   <script type="text/javascript">
      var somme = 1 + 2;
      document.getElementById("sum").innerHTML=somme;
   </script>
</html>

La sortie :

La somme = 3
QCM Javascript

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *