Hola, estoy tratando de calcular el porcentaje de 2 entradas pero no muestra resultados. ¿Alguien puede decirme cuál es el problema?
var Shots = document.getElementById("shots").value; var Makes = document.getElementById("makes").value; var results = (Makes / Shots) * 100; function perqindja() { document.getElementById("answer").innerHTML = results; };
<h2>Calculate your shots</h2> <p>Type the number of shots taken:</p> <input type="number" name="Shots" id="shots"> <p>Type the number of shots made:</p> <input type="number" name="Makes" id="makes"> <button onclick="Calculate()">Calculate</button> <p>The shot percentage:<span id="answer"></span></p>
Debe definir la variable dentro de la función para que pueda almacenar el valor de input
después de que el usuario haga clic en el botón. Además, no define Calculate()
. Elimino el perqindja()
ya que no lo encuentro como usuario en el código.
function Calculate() { var Shots = document.getElementById("shots").value; var Makes = document.getElementById("makes").value; var results = (Makes / Shots) * 100; document.getElementById("answer").innerHTML = results; };
<p>Type the number of shots taken:</p> <input type="number" name="Shots" id="shots"> <p>Type the number of shots made:</p> <input type="number" name="Makes" id="makes"> <button onclick="Calculate()">Calculate</button> <p>The shot percentage:<span id="answer"></span></p>
El primer problema es que la función Calcular no está definida. Por cierto, en javascript es una buena práctica dar nombres de funciones en minúsculas. En segundo lugar, debe pasar valores a la función de cálculo.
Todo debería funcionar una vez que solucione estos 2 problemas.
El nombre de su función es 'perqindja ()' pero intenta llamar a la función 'Calcular ()' al hacer clic en su html