Diferentes formas de establecer el valor de la entrada utilizando la función JavaScript

A veces, los desarrolladores deben establecer el valor de una entrada utilizando una función, como configurar el valor de una entrada dinámicamente en función de la entrada del usuario, configurar el valor predeterminado de una entrada mientras la página se carga, etc. JavaScript ofrece métodos o atributos predefinidos para realizar la operación especificada.

Esta publicación describirá las formas de establecer el valor del campo de entrada utilizando la función JavaScript.

Diferentes formas de establecer el valor de la entrada utilizando la función JavaScript

Para establecer un valor de entrada utilizando la función JavaScript, use los siguientes enfoques:

• Método "setattribute ()"
• Atributo "valor"

Método 1: Establecer el valor de la entrada usando el método "setattribute ()"

Utilizar el "setAttribute ()Método "para establecer el valor del campo de entrada. Este método se utiliza para establecer el valor de un atributo particular en un elemento HTML. Se necesitan dos parámetros, el "nombre"Del atributo y el"valor"Para establecer.

Sintaxis
La siguiente sintaxis se utiliza para el método setattribute ():

setAttribute ("valor", valor);

Aquí, "valor"Es el nombre del atributo del campo de entrada y el segundo"valor"¿Es el valor deseado para establecer el atributo especificado?.

Ejemplo
En un archivo HTML, cree dos campos de entrada. Uno tomará la entrada del usuario, y en el segundo campo de entrada, el valor de entrada del usuario se establecerá dinámicamente:

Crear dos variables "valor de entrada" y el "valor ajustado"Que almacena la referencia de ambos campos de entrada utilizando el"getElementById ()" método:

var inputValue = documento.getElementById ("valor");
var setValue = documento.getElementById ("set");

Invoca el JavaScript pre-construido "addEventListener ()Método "con el campo de entrada donde el usuario ingresará el valor. Entonces, llame al "setAttribute ()Método "para establecer el valor de la entrada del usuario como el valor del segundo campo de entrada:

valor de entrada.addEventListener ("input", () =>
valor ajustado.setAttribute ("valor", inputValue.valor);
);

Se puede ver que el valor ingresado en el primer campo de entrada se establece automáticamente en el segundo campo de entrada:

Método 2: Establecer el valor de la entrada utilizando el atributo "Valor"

También puedes usar el "valor"Atributo para configurar el valor de entrada. Asigne el valor al atributo que desea establecer.

Sintaxis
Siga la sintaxis dada para el atributo "Valor" para establecer el valor de la entrada:

aporte.valor = valor;

Ejemplo
Establezca el valor ingresado del primer campo de entrada en el segundo campo de entrada utilizando el "valor"Atributo en el"addEventListener ()" método:

valor de entrada.addEventListener ("input", () =>
valor ajustado.valor = inputValue.valor;
);

Producción

Hemos proporcionado todas las soluciones posibles para establecer el valor de la entrada utilizando la función JavaScript.

Conclusión

Para establecer el valor de la entrada utilizando la función JavaScript, use el "setAttribute ()"Método o el"valor" atributo. El atributo "valor" es el enfoque más utilizado para establecer el valor de una entrada. Esta publicación describió las formas de establecer el valor del campo de entrada utilizando la función JavaScript.