Por que ao pegar um elemento do DOM, não se pode pegar direto como
var elemento = document.querySelector('.classe').value
Aparentemente deve-se primeiro declarar a variável para que ela seja reconhecida e aí depois pegar o conteúdo. É mais ou menos assim que funciona?
Olá, Lucas! Tudo certo?
Quando você usa o document.querySelector('.classe'), ele irá retornar o elemento que possui essa classe. Esse elemento será uma tag HTML, por exemplo:
<h1 class="classe">Seu título aqui</h1>Mas se quiser o conteúdo, você usará o método value. que ele retornará o que está preenchido no elemento.
Logo, ao digitar document.querySelector('.classe').value, teremos como retorno:
Seu título aquiEntão, se você precisa no seu código apenas do valor, você pode usar direto com o .value
Caso tenha ficado com alguma dúvida, não deixe de compartilhar!
Continue praticando e evoluindo na sua jornada.
Bons estudos e até mais!