insertarle un valor a un input desde un archivo javascript in javascript

Para insertar un valor a un input (caja de texto) desde JavaScript, primero debemos seleccionar dicho input. Esto se puede hacer de dos formas, mediante el ID del input utilizando el método document.getElementById() o mediante el atributo name mediante el método document.getElementsByName().

Una vez seleccionado el input, podemos establecer su valor utilizando la propiedad value. A continuación, se muestra un ejemplo de cómo establecer el valor de un input con ID 'mi-input':

index.tsx
// Seleccionar el input mediante su ID
const input = document.getElementById('mi-input');

// Establecer su valor
input.value = 'Mi valor';
140 chars
6 lines

Si queremos seleccionar el input mediante su atributo name, podemos utilizar el siguiente código:

index.tsx
// Seleccionar el input mediante su atributo name
const input = document.getElementsByName('nombre-del-input')[0];

// Establecer su valor
input.value = 'Mi valor';
165 chars
6 lines

Es importante tener en cuenta que, si hay varios inputs con el mismo name, se obtendrá una lista de inputs y deberemos seleccionar uno de ellos. En este ejemplo, se selecciona el primero mediante [0].