Duvida porque input TAG e não input var

Olá Amanda! Tudo bem?

Sua dúvida é muito válida, e vou tentar esclarecer da melhor forma possível!

No seu código, a variável input está sendo usada para armazenar a referência ao elemento HTML <input>. Quando você faz var input = document.querySelector("input");, você está dizendo ao JavaScript para procurar o elemento <input> na página e armazená-lo na variável input.

Depois, quando você usa alert(input.value);, o input dentro do alert se refere à variável que contém o elemento <input>, e .value é uma propriedade desse elemento que contém o texto digitado pelo usuário.

Se a variável tivesse um nome diferente, como calopsita, o código ainda funcionaria da mesma forma, desde que você usasse calopsita.value para acessar o valor digitado. Veja como ficaria:

<meta charset="UTF-8">

<input/>
<button>Exibir texto digitado</button>

<script>
    var calopsita = document.querySelector("input");

    function exibeTexto() {
        alert(calopsita.value);
    }

    var button = document.querySelector("button");
    button.onclick = exibeTexto;
</script>

Neste caso, calopsita é apenas um nome de variável e poderia ser qualquer nome. O importante é que ele está armazenando a referência ao elemento <input> e, ao usar .value, você está acessando o valor digitado nesse campo.

Espero ter ajudado e bons estudos!