[Bug] Aula 1 Interagindo com HTML

Bom dia, poderiam me ajudar a entender o que acontece, já tentei todos os tópicos deste mesmo problema e o meu não resolve. Meu note é Linux não sei se interfere, mas não consigo resolver.!!

(https://cdn1.gnarususercontent.com.br/1/7761551/3f35c845-044f-408b-8963-af920511bf8f.png)

<div class="container">
    <div class="container__conteudo">
        <div class="container__informacoes">
            <div class="container__texto">
                <h1></h1>
                <p class="texto__paragrafo"></p>
            </div>
            <input type="number" min="1" max="10" class="container__input">
            <div class="chute container__botoes">
                <button onclick="verificarChute()" class="container__botao">Chutar</button>
                <button onclick="" id="reiniciar" class="container__botao" disabled>Novo jogo</button>
            </div>
        </div>
        <img src="./img/ia.png" alt="Uma pessoa olhando para a esquerda" class="container__imagem-pessoa" />
    </div>
</div>




<script src="app.js" defer></script>

VS

let titulo = document.querySelector('h1');
titulo.innerHTML = 'Jogo adivinha';

let paragrafo = document.querySelector('p');
paragrafo.innerHTML = 'Escolha um número entre 1 e 10';

function verificarChute() { console.log('O botão foi clicado!'); }