Corso di Javascript per esercizi (input di base)
Vuoi imparare velocemente come fare pagine dinamiche in Javascript?
Lezioni sugli input in Javascript:
Inserire l’altezza del punto di partenza di un trekking e il suo arrivo (in metri) Con questi dati premendo un bottone scrivere i dati nella pagina e calcolare con una funzione il dislivello totale.
Risoluzione dell’esercizio:
Vediamo con altri esercizi nel corso in presenza quali altre possibilità abbiamo!
<!DOCTYPE html>
<html>
<body>
<h1>Calcolo dislivello trekking </h1>
<form id="frm1" >
Altezza di partenza: <input type="text" name="Hbase" value="0"><br>
Altezza di arrivo: <input type="text" name="HArrivo" value="1000"><br><br>
<!-- <input type="submit" value="Input dati Trekking">-->
</form>
<p>Calcola il dislivello:</p>
<button onclick="myFunction()">Calcola il dislivello:</button>
<p>Il punto di partenza è:</p>
<p id="base"></p>
<p>Il punto di arrivo è:</p>
<p id="arrivo"></p>
Il dislivello è di:
<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>