Solucionado
Boa tarde,
Dúvida: tem algum limite que o querySelector tenha para capturar atributos no HTML? Veja comigo: perceba que ele pega evento como 'onclick':
<button onclick="verificarChute()"
E agora perceba também que ele captura campos de entrada como 'input':
<input type="number"
Minha dúvida é se isso é uma boa prática, e/ou se ele é utilizado para capturar qualquer atributo no arquivo html.com?
Olá Antonio, tudo bem?
Sobre a sua dúvida, o document.querySelector() é uma ferramenta poderosa no JavaScript para selecionar elementos do DOM (Document Object Model) usando seletores CSS. Ele não tem um limite específico para capturar atributos, mas é importante entender como ele funciona.
O querySelector() é utilizado para selecionar elementos no HTML, e não diretamente para capturar atributos. Quando você usa document.querySelector('input'), está selecionando o elemento <input> em si. Para acessar ou manipular atributos desse elemento, como o valor inserido pelo usuário, você utiliza propriedades específicas, como .value para inputs.
Por exemplo, se você tiver um input no HTML:
<input type="number" id="meuInput" value="5">
Você pode capturar o valor inserido assim:
let valor = document.querySelector('#meuInput').value;
console.log(valor); // Isso imprimirá "5" no console
Quanto à boa prática, o uso de querySelector() é bastante comum e recomendado para selecionar elementos, especialmente quando você quer trabalhar com seletores CSS. No entanto, para capturar ou manipular atributos, você deve usar as propriedades e métodos adequados do elemento selecionado.
Espero ter ajudado e bons estudos!