Boa noite,
Se eu tivesse dois campos 'input' ou dois 'button' em meu código, como eu faria a distinção entre os dois para fazer as ações com o querySelector?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Boa noite,
Se eu tivesse dois campos 'input' ou dois 'button' em meu código, como eu faria a distinção entre os dois para fazer as ações com o querySelector?
Boa noite Rodrigo!
Cara existem 2 coisas que você pode fazer, você pode colocar uma espécie de etiqueta, ou "tag" no seu input ou button, essas tags, chamam-se ID e CLASS, observe:
<button id="3"></button>Este button tem um id 3, então no QuerySelector, você pode referencia-lo da seguinte maneira:
document.querySelector("#3");O # indica a busca por um Id
O . indica a busca por uma classe Veja um exemplo de classe
<button class="btn-info"> </button>
<script>
document.querySelector (".btn-info");
</script>O exemplo acima, busca no querySelector um botão com classe = btn-info.
Todos os exemplos acima mostram em um button, mas a CLASS e o ID servem para qualquer tag, seja input, button, h1, div, ou qualquer outra.
Entendeu?
Espero ajudar :D
Oi Rodrigo Pereira ainda persiste alguma dúvida ou já foi solucionada?