GetElementById x QuerySelector

Oi Tiago, tudo bem?

Entendo a sua dúvida sobre a preferência pelo uso de querySelector ao invés de getElementById na manipulação do DOM em JavaScript. Vou te explicar alguns motivos pelos quais querySelector pode ser mais vantajoso em algumas situações.

1. Versatilidade: O querySelector permite selecionar elementos usando qualquer seletor CSS válido, como classes, IDs, atributos, pseudoclasses, etc. Por exemplo:

   const elementoPorClasse = document.querySelector('.minha-classe');
   const elementoPorID = document.querySelector('#meu-id');
   const elementoPorAtributo = document.querySelector('input[type="text"]');
   

   Já o getElementById só permite selecionar elementos pelo ID.

2. Consistência: Usar querySelector torna o código mais consistente, pois você pode usar a mesma função para selecionar elementos de diferentes maneiras. Isso pode tornar o código mais legível e fácil de manter.

3. Modernidade: querySelector é uma API mais moderna e, por isso, é frequentemente recomendada em tutoriais e cursos atuais. Ele também é compatível com todos os navegadores modernos.

No seu caso específico, no exercício que você está fazendo, você precisa selecionar um elemento pelo nome da classe (app__form-textarea). Usar querySelector é a escolha natural aqui, pois você pode simplesmente fazer:

const textarea = document.querySelector('.app__form-textarea');

Se você estivesse usando getElementById, você precisaria de um ID único para o textarea, o que não é o caso aqui.

Espero ter ajudado.

Um abraço e bons estudos.

Show, obrigado!