Estoy tratando de construir un proyecto en solitario en javascript. Tengo problemas para mostrar una función cuando se envía una entrada de número.
este es mi código HTML
<header> <h1>Metric/Imperial unit conversion</h1> <form> <input type="number" name="input" id="input1"> <input type="submit" onclick="meterFeet()"> </form> </header> <main> <h3>Length (Meter/Feet)</h3> <p class="pl" id="p-l1" "></p> </main>y este es mi codigo javascript
let miucn = document.getElementById("input1"); function meterFeet() { document.getElementById("p-l1").textContent = miucn + " meters = " + (miucn * 3.281).toFixed(3) + " feet | " + miucn + " feet =" + (miucn / 3.281).toFixed(3) + " meters"; }Hice algunas pequeñas correcciones en tu código.
(document.getElementById("input1").value) dentro de la función function meterFeet() { let miucn = parseInt(document.getElementById("input1").value); document.getElementById("p-l1").textContent = miucn + " meters = " + (miucn * 3.281).toFixed(3) + " feet | " + miucn + " feet =" + (miucn / 3.281).toFixed(3) + " meters"; return false; } <header> <h1>Metric/Imperial unit conversion</h1> <form> <input type="number" name="input" id="input1"> <input type="button" onclick="meterFeet()" value="Submit"> </form> </header> <main> <h3>Length (Meter/Feet)</h3> <p class="pl" id="p-l1" "></p> </main>