Como alterar valor de input com JavaScript

Neste artigo você vai aprender a como alterar valor de input com JavaScript, da maneira mais simples possível!

Fala programador(a), beleza? Bora aprender mais sobre inputs e JavaScript!

Para alterar o valor de um input, ou seja, um campo de um formulário HTML

Formação Recomendada

Formação Vibe Coding

Do Prompt ao Produto: Crie Software Real com IA

• 474 aulas
• 20 projetos
• 39h 27min

Conhecer formação

Primeiramente precisamos selecionar o input, com algum dos métodos disponíveis

Como: querySelector, getElementById e etc

Depois disso precisamos apenas alterar o atributo value, isso faz com que o valor seja alterado

Veja um exemplo prático do que foi explicado:

const myInput = document.querySelector("#some-input")

myInput.value = "Changed input value!"

Na primeira linha há a seleção do input, que tem um id de #some-input

E depois na última a mudança de valor, a partir da atribuição de algo na propriedade value

Note que necessitamos acessar o document para executar métodos de DOM

Viu como é fácil mudar o valor de um input? 🙂

Conclusão

Neste artigo você aprendeu a como alterar valor de input com JavaScript

Precisamos apenas alterar a propriedade value do elemento de DOM

Mas antes é necessário selecionar o elemento, a partir de um método de seleção

Confira nossos cursos gratuitos no Youtube, com vídeos todos os dias!

Se inscreva e ative o sininho para receber as notificações e aprender mais ainda sobre desenvolvimento web!

Veja também nosso catálogo de cursos na Udemy, todos com exercícios e projetos práticos, nas mais diversas tecnologias

O link acima contém um cupom de desconto para os cursos!