Por que nós colocamos tags como
<br> e <h1>
dentro do Java, com auxílio do document.write, mas para usar o input/button o colocamos fora do mundo Java e usamos o query.Selector?
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!
Por que nós colocamos tags como
<br> e <h1>
dentro do Java, com auxílio do document.write, mas para usar o input/button o colocamos fora do mundo Java e usamos o query.Selector?
O document.write é para escrever algo em um documento. Já o document.querySelector é para buscar algo já existente.
Quando você consolidar seu conhecimento de lógica, verá que o document.write não é muito usado, mas é o mais simples e didático de todos. O padrão é mais ou menos esse que você viu quando escrever as tags no HTML e as busca com document.querySelector.
Quando ensinamos essa última forma, foi para deixar o programa mais perto do que seria no mundo real, inclusive para deixá-lo mais apresentável.
Na verdade Clara, o querySelector(input) é para pegar o componente INPUT existente no DOM. Aí você pode retirar o valor dele ou alterar o valor do componente.
Já o document.write(...) vai escrever dentro do documento um novo componente (ou mesmo um texto qualquer). Consegue entender a diferença?
Outro ponto a observar é que você está trabalhando com javascript e não Java. Existe diferença entre essas duas. (Saiba mais sobre essas em: http://www.ifba.edu.br/fisica/nfl/Java/diferencas.html)
Abraços.
Obrigada pelas explanações, pessoal. Abraços! :)