tengo el siguiente código. Quiero recibir información de un usuario y mostrar el doble de
ese número en la página. Estoy usando document.getElementById("output").value=value; para que la etiqueta de la etiqueta con el valor de salida de identificación se cambie o, en otras palabras, se vuelve como
10 cuando el usuario ha ingresado 5 en el cuadro de entrada pero no puedo ver este valor 10. ¿Qué podría estar fallando aquí?
Por separado, estoy seguro de que no es la mejor manera de diseñar este tipo de cosas. si alguien pudiera
compartir ideas sobre cómo escribir un mejor código, sería genial.
<!DOCTYPE html> <html> <head> <title>Title</title> </head> <body> <label for="input">Enter number :</label> <input id="text" type="text"></input><br><br> <input id="button" type="submit"></input><br> <label id="output"></label> <script> let inputButton = document.getElementById("button"); inputButton.addEventListener("click", function(){ let value = parseInt(document.getElementById("text").value); value=value*2; document.getElementById("output").value=value; }); </script> </body> </html><label> no tiene valor, en su lugar usa textContent como:
let inputButton = document.getElementById("button"); inputButton.addEventListener("click", function() { let value = parseInt(document.getElementById("text").value); value = value * 2; document.getElementById("output").textContent = value; }); <label for="input">Enter number :</label> <input id="text" type="text"><br><br> <input id="button" type="submit"><br> <label id="output"></label>Referencia:
PD: También te vinculé el enlace de inputs porque vi que estabas tratando de cerrarlas, léelo muy bien