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