Estoy probando JavaScript y HTML con un poco de CSS (que no es necesario) y parece que no puedo definir esta variable.
Tengo la identificación del elemento con este código HTML:
<p class="margin"><b>Got </b> </p><input type="text" class="margin" id="iGotThis"> <p class="margin"><b> out of </b></p> <input type="text" class="margin" id="outOfThis">y mételo en una variable con js y este código:
var made = document.getElementById("iGotThis").value; var total = document.getElementById("outOfThis").value; var perMade = made / total;y estoy tratando de alertar el resultado con una función de alerta:
document.getElementById("submit").click(); } }); function perFunction() { alert(total); };Aquí está el código completo:
<!DOCTYPE html> <html> <head> <style> .margin { margin-left: 80px; } </style> </head> <body> <br> <br> <p class="margin"><b>Got </b></p><input type="number" class="margin" id="iGotThis"><p class="margin"><b> out of </b></p><input type="number" class="margin" id="outOfThis"> <br> <br> <input type="submit" id="submit" class="margin" onclick="perFunction()"> <script> var iGotThis = document.getElementById("iGotThis").value; let outOfThis = document.getElementById("outOfThis").value; var perMade = iGotThis / outOfThis; // This entire portion has no use for the variables var input = document.getElementById("outOfThis"); input.addEventListener("keyup", function(event) { if (event.keyCode === 13) { event.preventDefault(); document.getElementById("submit").click(); } }); // This is where the useless section ends function perFunction() { alert(iGotThis.value); }; </script> </body> </html> Intenté simplemente alertar a la variable made o al total , pero solo aparece en blanco. No puedo pensar en una solución, así que espero que alguien pueda ayudar. Todavía soy bastante nuevo en estas cosas y no puedo así todo.
no hay ID como "total" en el código HTML. por favor revisa eso
El tipo de entrada = cuadro de texto es incorrecto. Puedes usar tipo=texto. Tal vez el navegador no comprenda el valor del cuadro de texto, porque el cuadro de texto no es un valor de tipo HTML oficial. Ve un cuadro de texto, porque el navegador no sabe qué debe usar TI.