No fórum, eu vi algumas respostas diferentes da resposta do instrutor. Qual a diferença entre elas?
document.querySelector('input[type="tel"]')const inputTelefone = document.querySelector('input[type=tel]');
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!
Solucionado
No fórum, eu vi algumas respostas diferentes da resposta do instrutor. Qual a diferença entre elas?
document.querySelector('input[type="tel"]')const inputTelefone = document.querySelector('input[type=tel]');
Oi, Diogo, tudo bem?
A diferença entre as duas linhas de código que você mencionou está na forma como o elemento HTML é selecionado.
A primeira linha de código, document.querySelector('input[type="tel"]'), utiliza o método querySelector() para selecionar o primeiro elemento que corresponda ao seletor CSS especificado. Nesse caso, o seletor é 'input[type="tel"]', que seleciona o primeiro elemento <input> do tipo "tel" encontrado no documento HTML.
A segunda linha de código, const inputTelefone = document.querySelector('input[type=tel]');, além de utilizar o método querySelector(), atribui o elemento selecionado a uma constante chamada inputTelefone. Dessa forma, podemos utilizar essa constante posteriormente para acessar e manipular o elemento selecionado.
Ambas as linhas de código têm o mesmo resultado: selecionar o elemento <input> do tipo "tel". A diferença está apenas na forma como o resultado é utilizado.
Espero ter ajudado. Caso tenha dúvidas, conte com o fórum. Abraços!