Skip to main content

El problema es que recuperas el valor del input en la carga de la página, cuando ni siquiera se ha creado.

Debes recuperar el valor cuando se produce el evento change:

`

Mi documento

`
<!DOCTYPE html>
<html lang="es">
    <head>
        <meta charset="UTF-8">
        <title>Mi documento</title>
    </head>
    <body>
        <form name="f1">
            <input type="text" name="nombre" onchange="document.getElementById('elemento1').innerHTML=this.value">
        </form>
        <br><br>
        <ul>
            <li id="elemento1"></li>
        </ul>
    </body>
</html>

El problema es que recuperas el valor del input en la carga de la página, cuando ni siquiera se ha creado.

Debes recuperar el valor cuando se produce el evento change:

`

Mi documento

`

El problema es que recuperas el valor del input en la carga de la página, cuando ni siquiera se ha creado.

Debes recuperar el valor cuando se produce el evento change:

<!DOCTYPE html>
<html lang="es">
    <head>
        <meta charset="UTF-8">
        <title>Mi documento</title>
    </head>
    <body>
        <form name="f1">
            <input type="text" name="nombre" onchange="document.getElementById('elemento1').innerHTML=this.value">
        </form>
        <br><br>
        <ul>
            <li id="elemento1"></li>
        </ul>
    </body>
</html>
Origen Enlace
Asier Villanueva
  • 14.6k
  • 2
  • 16
  • 32

El problema es que recuperas el valor del input en la carga de la página, cuando ni siquiera se ha creado.

Debes recuperar el valor cuando se produce el evento change:

`

Mi documento

`