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]');
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!