Ola galera tudo bem ? na aula quando criamos a variavel $ e atribuimos o valor document.querySelector, automaticamente o querySelector perde a referencia que seria o HTML. Por que isso aconteceu ?
Ola galera tudo bem ? na aula quando criamos a variavel $ e atribuimos o valor document.querySelector, automaticamente o querySelector perde a referencia que seria o HTML. Por que isso aconteceu ?
hoje, com a Alura e o Google Gemini
Olá Edgar, tudo bem com você?
Peço desculpas pela demora em lhe responder.
O operador dólar ($) foi utilizado para servir de alias para o método document.querySelector, ou seja, toda vez que quisermos utilizar essa função utilizaremos o operador dólar. Entenda alias como um apelido para a função.
No entanto, quando utilizamos apenas o código let $ = document.querySelector teremos erros de execução e isso ocorre porque é necessário passar um contexto para que a função document.querySelector funcione corretamente.
Sendo assim, para não perder a referência devemos utilizar o método bind que é responsável por vincular um contexto ao método document.querySelector e como contexto iremos passar o documento que estamos trabalhando, neste caso o document, como é mostrado abaixo:
let $ = document.querySelector.bind(document);Na aula , no minuto 5:35 o instrutor realiza esta operação e faz a execução do código com êxito. Em caso de dúvidas ou erros, me coloco à disposição para auxiliá-lo.
Não hesite em voltar ao fórum para continuar aprendendo e interagindo com a comunidade.
Em caso de dúvidas estou à disposição.
Abraços e bons estudos!