Por que me da este error???

frannydee · #1 (**permalink**) 23/03/2009, 03:51

Soy muy nuevo en esto. Seguramente les parecerá tonto lo que pregunto. Pero este simple script me da un error que pone "inputA no definido". Alguien me puede ayudar con esto. Ya que estoy aprendiendo gracias al foro, pero esto me esta trabando en varios ejemplos y ejercicios. Muchas Gracias.

<html>
<head>
<script type="text/javascript">

</script>
</head>
<body>
<form>
<input type="text" name="inputA" value="0" size="10">
<input type="button" value="click on me" onClick="con()">
</form>
</body>
</html>

jessifb88 · #2 (**permalink**) 23/03/2009, 03:58

¿Qué es lo que pretendes conseguir?

#3 (**permalink**) 23/03/2009, 04:00

Fíjate si eres nuevo, que tu pregunta es de Javascript y la has puesto en el foro de Java... Nah, tranquilo, todos hemos sido nuevos alguna vez :) Ya te cambiarán el mensaje al foro de Javascript.

Mientras tanto, el problema es que las cosas entre Javascript y HTML no funcionan así. Es decir, al input le has puesto un nombre, inputA, pero eso es en el HTML. Es decir, que no se accede a ese input desde Javascript simplemente poniendo inputA.

Para acceder a un elemento de HTML, tendrás que usar la función document.getElementById. Por ejemplo:

Código html:

Ver original<html>
  <head>
    <script type="text/javascript">
function con(){
    alert(document.getElementById("elCampo").value);
}
    </script>
  </head>
  <body>
    <form>
      <input type="text" name="inputA" id="elCampo" value="0" size="10">
      <input type="button" value="click on me" onClick="con()">
    </form>
  </body>
</html>

Además de eso, para acceder al valor, como ves, se usa document.getElementById("tal").value, y no debes usar document.write así.

frannydee · #4 (**permalink**) 23/03/2009, 04:24

Venkman.. muchas gracias.. lo he probado y funciona... siento haber puesto esto aqui... pero si es que soy muy nuevo... una preguntita mas si no es molestia... sin en vez de que salte un alert... simplemente lo quiero poner en pantalla al resultado que deberia cambiar? gracias otra vez. :)

jessifb88 · #5 (**permalink**) 23/03/2009, 05:12

document.write(document.getElementById("elCampo"). value); ??
Cuando dices de imprimir en pantalla te refieres a escribir en el campo de texto?
document.getElementById("elCampo").value = "el valor que sea";

A mí me ayudó mucho la página de w3schools. Ahí tienes tutoriales y referencias de muchos lenguajes de programación web.

#6 (**permalink**) 23/03/2009, 05:12

Podrías por ejemplo escribirlo dentro de un <div>:

Código html:

Ver original<html>
  <head>
    <script type="text/javascript">
function con(){
    document.getElementById("resultado").innerHTML = document.getElementById("elCampo").value;
}
    </script>
  </head>
  <body>
    <form>
      <input type="text" name="inputA" id="elCampo" value="0" size="10">
      <input type="button" value="click on me" onClick="con()">
    </form>
    <div id="resultado"></div>
  </body>
</html>

No uses document.write.

frannydee · #7 (**permalink**) 23/03/2009, 05:43

gracias jessifb88 la pagina que me recomiendas me sera de mucha utilidad. Venkman otra vez muchas gracias. Es exactanmente lo que necesitaba. Gracias.