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’un trekking et son arrivée (en mètres) Avec ces données, en appuyant sur un bouton, écrire les données dans 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é trekking </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="Input données Trekking">-->
</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/>
var arrivo=x.elements[1].value;
document.getElementById("arrivo/>
document.getElementById("demo/>
}
function Dislivello(h1,h2){
return h2-h1;
}
</script>
</body>
</html>