Visual Web Developer - Error al traer datos a JS desde HTML

   
Vista:

Error al traer datos a JS desde HTML

Publicado por Alejandro (3 intervenciones) el 20/09/2017 15:40:35
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
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");
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
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

Error al traer datos a JS desde HTML

Publicado por Yamil Bracho (1 intervención) el 20/09/2017 15:55:07
Cuando haces
var nombre = document.getElementById("nombrecito");
en nombre tienes una refrencia a un objeto DOM de tipo HTMLInput y no el valor del textbox.
Para ello debes hacer
var nombre = document.getElementById("nombrecito").value;
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

Error al traer datos a JS desde HTML

Publicado por Alejandro (3 intervenciones) el 20/09/2017 15:59:04
Gracias por contestar.

Acabo de probar con tu corrección y el error sigue.

(Pensaba que .value era solo para numeros...)
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

Error al traer datos a JS desde HTML

Publicado por Alejandro (3 intervenciones) el 20/09/2017 17:06:33
Me autorespondo con la Solución

Resulta que la variable "nombre" tiene que estar dentro de la funcion
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Revisar política de publicidad