TransWikia.com

¿Cómo pasar los valores de un formulario html a un documento .js?

Stack Overflow en español Asked by user65171 on November 22, 2021

Buenos días,
tengo un formulario realizado en un archivo html y quiero pasar los valores a un archivo .js y operar con ellos. Sé cómo se hace si todo el código está dentro del html, pero no sé hacerlo desde un archivo de javascript independiente.

Muchas gracias.

2 Answers

En el HTML deberías hacer referencia a la ubicación de tu script JS, colocando su src ya sea en el head o en el body, dependiendo de las necesidades de tu aplicación. Ejemplo:

`<html>
    <head>
   </head>
    <body>
        <p id="prueba">Texto</p>
        <script src="./app.js"/>
    </body>
</html>`

Luego en tu script app.js:

`var parrafo = document.getElementById('prueba');
  console.log('Ejemplo: ', parrafo.value);
 //Debería devolver en la consola: Ejemplo: Texto`

En este ejemplo, ambos archivos (index.html y app.js) se encuentran en la misma ubicación.

Answered by Pablo Mederos on November 22, 2021

window.addEventListener("DOMContentLoaded",f);

function f(){
 var nombre = document.forms["c"]["nombre"],
     nombreActual = "";
 nombre.addEventListener("keyup", () =>{
     console.log(nombre.value);
 });
     
}
<html>
<body>
<form name="c">
Nombre:<input type="text" name="nombre" id="n">
</form>
</body>
</html>

Answered by Eduardo Sebastian on November 22, 2021

Add your own answers!

Ask a Question

Get help from others!

© 2024 TransWikia.com. All rights reserved. Sites we Love: PCI Database, UKBizDB, Menu Kuliner, Sharing RPP