Diferentes maneiras de definir o valor da entrada usando a função JavaScript

Às vezes, os desenvolvedores precisam definir o valor de uma entrada usando uma função, como definir o valor de uma entrada dinamicamente com base na entrada do usuário, definindo o valor padrão de uma entrada enquanto a página está carregando e assim por diante. JavaScript oferece métodos ou atributos predefinidos para executar a operação especificada.

Este post descreverá as maneiras de definir o valor do campo de entrada usando a função JavaScript.

Diferentes maneiras de definir o valor da entrada usando a função JavaScript

Para definir um valor de entrada usando a função JavaScript, use as seguintes abordagens:

• Método “SetAttribute ()”
• Atributo "valor"

Método 1: Definir o valor da entrada usando o método “SetAttribute ()”

Use o "setAttribute ()”Método para definir o valor do campo de entrada. Este método é utilizado para definir o valor de um atributo específico em um elemento HTML. São necessários dois parâmetros, o “nome"Do atributo e o"valor" pôr.

Sintaxe
A sintaxe a seguir é utilizada para o método setAttribute ():

setAtattribute ("valor", valor);

Aqui, "valor”É o nome do atributo do campo de entrada e o segundo“valor”É o valor desejado a ser definido para o atributo especificado.

Exemplo
Em um arquivo HTML, crie dois campos de entrada. Um receberá a entrada do usuário e, no segundo campo de entrada, o valor de entrada do usuário será definido dinamicamente:

Crie duas variáveis ​​“valor de entrada" e a "setValue”Isso armazena a referência de ambos os campos de entrada usando o“getElementById ()”Método:

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

Invoque o JavaScript pré-criado "addEventListener ()”Método com o campo de entrada em que o usuário inserirá o valor. Então, chame o “setAttribute ()”Método para definir o valor da entrada do usuário como o valor do segundo campo de entrada:

valor de entrada.addEventListener ("input", () =>
setValue.setAtattribute ("Valor", InputValue.valor);
);

Pode -se observar que o valor inserido no primeiro campo de entrada é definido automaticamente no segundo campo de entrada:

Método 2: Definir o valor da entrada usando o atributo "Value"

Você também pode usar o “valor”Atributo para definir o valor de entrada. Atribua o valor ao atributo que deseja definir.

Sintaxe
Siga a sintaxe dada para o atributo "Value" para definir o valor da entrada:

entrada.valor = valor;

Exemplo
Defina o valor inserido do primeiro campo de entrada para o segundo campo de entrada usando o “valorAtributo no “addEventListener ()”Método:

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

Saída

Fornecemos todas as soluções possíveis para definir o valor da entrada usando a função JavaScript.

Conclusão

Para definir o valor da entrada usando a função JavaScript, use o “setAttribute ()”Método ou o“valor”Atributo. O atributo "valor" é a abordagem mais usada para definir o valor de uma entrada. Este post descreveu as maneiras de definir o valor do campo de entrada usando a função JavaScript.