Error al traer datos a JS desde HTML
Publicado por Alejandro (6 intervenciones) el 20/09/2017 15:51:23
Tengo un pequeño problemilla y es que a la hora de traer datos de un input hacia JS no me los trae correctamente y no se donde tengo el error.
Quiero traer un nombre desde un input, si es correcto mandar un mensaje como por ejemplo ("Tu nombre es " + nombre)
el html es este
Y mi JS es el siguiente
Al cambiar la variable nombre por (nombre = "alex") entonces mi funcion si funciona correctamente
Pero a la hora de cambiar la variable por var nombre = document.getElementById("nombrecito"); es cuando siempre me da la opcion else aunque ponga alex en el input
Quiero traer un nombre desde un input, si es correcto mandar un mensaje como por ejemplo ("Tu nombre es " + nombre)
el html es este
1
2
3
4
5
6
<div class="cuadro-texto">
<input type="text" id="nombrecito" />
<input type="button" id="boton" value="DAME CLICK" onclick="descubrir">
</div>
<p id="visualizar"></p>
<script src="js/js.js"></script>
Y mi JS es el siguiente
1
2
3
4
5
6
7
8
9
10
11
12
var nombre = document.getElementById("nombrecito").value;
var boton = document.getElementById("boton")
boton.addEventListener("click", descubrir);
function descubrir() {
if (nombre == "alex") {
document.getElementById("visualizar").innerHTML = "Te llamas " + nombre;
} else {document.getElementById("visualizar").innerHTML = "No se tu nombre";
}}Al cambiar la variable nombre por (nombre = "alex") entonces mi funcion si funciona correctamente
Pero a la hora de cambiar la variable por var nombre = document.getElementById("nombrecito"); es cuando siempre me da la opcion else aunque ponga alex en el input
Valora esta pregunta
0