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
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!