O meu código não estava funcionando e eu havia copiado exatamente como os dois instrutores apresentaram, então tive que asistir outras auals sobre isso fora do Alura e tirar dúvidas com chat gpt. No final, alterei diversas coisas no código do JavaScript e alterei a linha 27 do HTML, isso me fez usar algumas funções que eu nem sequer conhecia, mas agora consigo efetuar tudo corretamente. Isso vai me afetar na finalização desse curso? Obrigado.
Para via de dúvidas, aqui está o código HTML:
<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 class="container__botao" id="botaoChutar">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>
E aqui está o código JavaScript:
let titulo = document.querySelector('h1');
titulo.innerHTML = 'Jogo do Número Secreto';
let paragrafo = document.querySelector('p');
paragrafo.innerHTML = 'Escolha um número entre 1 e 10';
let botao = document.getElementById('botaoChutar');
botao.addEventListener('click', function () {
console.log('O botão foi clicado!');
});
