[Dúvida] Faça como eu fiz: Brinque com seletores no JS

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!