No me funciona este simple codigo

3dw4rd · #1 (**permalink**) 18/07/2011, 19:38

<html>
<head>
<script type="text/javascript">
function mostrar(){
var t=document.texto.value;
alert(t);
}
</script>
</head>
<body>
<input type="text" name="texto">
<input type="button" value="Mostrar" onclick="mostrar()">
</body>
</html>

Se supone que ingreo un texto al input name="texto" y luego mostrarlo en una ventana alert de JavasCript, pero no pasa nada, ¿cual sera el error?

Danielfuzz · #2 (**permalink**) 18/07/2011, 20:38

Intenta con esto

Código HTML:

<html>
<head>
<script type="text/javascript">
function mostrar(){
var t=document.getElementById('texto').value;
alert(t);
}
</script>
</head>
<body>
<input id="texto" type="text" name="texto">
<input type="button" value="Mostrar" onclick="mostrar()">
</body>
</html>

lo que pasa es que no puedes acceder a la caja de texto directamente por el document. Para acceder a el puedes hacerlo mediante un id usando el getElementById().

También si tu textbox está dentro de un formulario puedes acceder a él utilizando el name del formulario seguido de un punto y el nombre del textbox:

document.miform.mitext.value;

no olvides el karma!!

Saludos!!!

ArturoGallegos · #3 (**permalink**) 18/07/2011, 21:30

Cita:

Iniciado por Danielfuzz

no olvides el karma!!

Saludos!!!

el karma no se pide, se gana

... si al usuario le a servido tu respuesta puede que te deje karma...

por otro lado... los dos no olviden colocar el doctype valido y así garantizar el buen funcionamiento del código.

3dw4rd · #4 (**permalink**) 18/07/2011, 21:53

Cita:

Iniciado por Danielfuzz

Intenta con esto

Código HTML:

<html>
<head>
<script type="text/javascript">
function mostrar(){
var t=document.getElementById('texto').value;
alert(t);
}
</script>
</head>
<body>
<input id="texto" type="text" name="texto">
<input type="button" value="Mostrar" onclick="mostrar()">
</body>
</html>

lo que pasa es que no puedes acceder a la caja de texto directamente por el document. Para acceder a el puedes hacerlo mediante un id usando el getElementById().

También si tu textbox está dentro de un formulario puedes acceder a él utilizando el name del formulario seguido de un punto y el nombre del textbox:

document.miform.mitext.value;

no olvides el karma!!

Saludos!!!

Gracias, me sirvio.
Lo extraño es que yo nunca antes lo hacia con el getElementbyId y nunca tuve problemas, y ahora no se por que no me funciono

_cronos2 · #5 (**permalink**) 19/07/2011, 05:39

Mal hecho, si se puede utilizar un id mejor que una clase o un name. Quizás te funcionaba porque antes accedías primero al form desde document y luego al campo en sí. De todas maneras, es mejor no usar referencias directas:

Código:

var campo = document.forms.miForm.elements.miCampo;

Saludos (: