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!'); }
