Neste artigo você vai aprender a como mudar o valor de input com JavaScript, vamos apenas utilizar uma propriedade dos elementos!
Fala programador(a), beleza? Bora aprender mais sobre inputs e JavaScript!
Para alterar o valor de um input com JavaScript vamos precisar primeiramente selecionar o elemento
Esta é a forma de indicarmos qual input é que vai mudar o valor com o nosso código
Temos alguns métodos de seleção disponíveis:
- querySelector;
- querySelectorAll;
- getElementById;
- getElementsByClassName;
Você precisar escolher o que vai de encontro com a sua necessidade, eu vou utilizar o querySelector
Por fim, basta atribuir um valor a propriedade value do elemento
E então teremos o input com valor modificado!
Veja um exemplo de código:
const input = document.querySelector("#my-input")
input.value = "Teste"
Primeiramente há a seleção do elemento, e o colocamos em uma variável
Por fim foi alterada a propriedade value, que faz com que o input já apareça com um valor pré-estabelecido
Quer aprender mais sobre JavaScript? Confira o vídeo abaixo:
Conclusão
No artigo de hoje você viu como mudar o valor de input com JavaScript
Primeiramente selecionamos o elemento, utilizei o querySelctor para isso
E depois alteramos o valor da propriedade value, para o valor que desejamos que o input tenha
Deseja programar de forma profissional? Confira o nosso treinamento completo clicando aqui.
Uma plataforma de cursos com projetos completos, comunidade de alunos e muito mais!
Há também o nosso canal no YouTube, com muito conteúdo gratuito de qualidade!