Solucionado
Não ficou claro pra mim o motivo pelo qual não usamos o ".value" quando capturamos as tags "h1" e "p".
Seria porque essas tags já possuem um valor, no caso os textos pertinentes a elas enquanto que o input é um valor informado posteriormente pelo usuário?
Olá Rosemberg! Como vai?
A sua dúvida é bastante comum e vou tentar esclarecer da melhor forma possível. Quando estamos lidando com elementos HTML como <h1> e <p>, esses elementos contêm texto que já está presente no documento HTML. Portanto, ao capturá-los com JavaScript, o texto que eles contêm já é parte do conteúdo da página, e podemos acessá-lo diretamente.
Por outro lado, um elemento <input> é um campo onde o usuário pode inserir dados. O valor que queremos capturar de um <input> é o que o usuário digita, que não está presente no HTML original, mas é fornecido dinamicamente pelo usuário. Para acessar esse valor, usamos a propriedade .value. Isso nos permite pegar exatamente o que foi digitado no campo de entrada.
Por exemplo, se você tem um campo de entrada onde o usuário pode digitar um número entre 1 e 10, como no seu exercício, você usaria:
let chute = document.querySelector('input').value;
Isso captura o valor atual do campo de entrada no momento em que o código é executado. Já para um <h1> ou <p>, você poderia acessar o texto diretamente sem precisar de .value, porque o texto já está definido no HTML.
Espero ter ajudado e bons estudos!