¿Quieres aprender rápidamente cómo hacer páginas dinámicas en Javascript?
Lecciones sobre entradas en Javascript:
Introducir la altura del punto de partida de un trekking y su llegada (en metros) Con estos datos, presionando un botón, escribir los datos en la página y calcular con una función el desnivel total.
Resolución del ejercicio:
Vemos con otros ejercicios en el curso presencial qué otras posibilidades tenemos!
<!DOCTYPE html> <html> <body> <h1>Cálculo de desnivel de trekking </h1> <form id="frm1" > Altura de partida: <input type="text" name="Hbase" value="0"><br> Altura de llegada: <input type="text" name="HArrivo" value="1000"><br><br> <!-- <input type="submit" value="Input datos Trekking">--> </form> <p>Calcular el desnivel:</p> <button onclick="myFunction()">Calcular el desnivel:</button> <p>El punto de partida es:</p> <p id="base"></p> <p>El punto de llegada es:</p> <p id="arrivo"></p> El desnivel es 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>