Voulez-vous apprendre rapidement à créer des pages dynamiques en Javascript?
Leçons sur les entrées en Javascript:
Insérer la hauteur du point de départ d'une randonnée et de son arrivée (en mètres) Avec ces données, en appuyant sur un bouton, écrire les données sur la page et calculer avec une fonction le dénivelé total.
Résolution de l'exercice:
Voyons avec d'autres exercices dans le cours en présence quels autres possibilités nous avons!
<!DOCTYPE html> <html> <body> <h1>Calcul du dénivelé de randonnée </h1> <form id="frm1" > Hauteur de départ: <input type="text" name="Hbase" value="0"><br> Hauteur d'arrivée: <input type="text" name="HArrivo" value="1000"><br><br> <!-- <input type="submit" value="Entrée des données de randonnée">--> </form> <p>Calculer le dénivelé:</p> <button onclick="myFunction()">Calculer le dénivelé:</button> <p>Le point de départ est:</p> <p id="base"></p> <p>Le point d'arrivée est:</p> <p id="arrivo"></p> Le dénivelé est de: <p id="demo"></p> <script> function myFunction() { var x = document.getElementById("frm1"); var base=x.elements[0].value; document.getElementById("base").innerHTML =base; var arrivo=x.elements[1].value; document.getElementById("arrivo").innerHTML =arrivo; document.getElementById("demo").innerHTML =Dislivello(base,arrivo); } function Dislivello(h1,h2){ return h2-h1; } </script> </body> </html>