A professora passou sobre document.querySelector(‘.tecla_pom’); Apesar disso, não entendi muito bem para que serve eu colocar isso no meu código .js Também gostaria de saber porque ela fez isso primeiro no console, ao invés de partir direto para o Vscode.
Oii, Rodrigo! Tudo bem?
Agradeço sua interação aqui no fórum compartilhando a sua dúvida para podermos te auxiliar!
Isso mesmo, a função document.querySelector('.tecla_pom') foi o tema da aula e a usamos para buscar um elemento no HTML utilizando um seletor CSS. No caso da aula, o seletor é '.tecla_pom', que busca o elemento com a classe "tecla_pom".
Como podemos ver, a Instrutora sempre usa o console do navegador, ao colocar a função document.querySelector('.tecla_pom') é para testar se o seletor estava correto selecionando a tecla pom corretamente e sem erros.
Essa é uma prática comum para testar o código antes de adicioná-lo ao arquivo JavaScript, facilita a correção e a realização de testes do código, antes de adicionarmos diretamente no VS Code ou outro editor que esteja usando.
Espero ter ajudado a entender melhor.
Bons estudos!