Estava com problemas na chamada de função no html. Tinha esquecido de colocar () na chamada. Ver comentário no código html:

    //Declarar a função no evento onclick no formato nomeDaFuncao()
    
    <button onclick="verificarChute()" class="button">Console</button>
    <button onclick="exibirAlerta()" class="button">Alerta</button>
    <button onclick="nomeCidade()" class="button">Prompt</button>
    <button onclick="somaDoisNumeros()" class="button">Soma</button>
</main>

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

let titulo = document.querySelector('h1'); titulo.innerHTML = 'Hora do Desafio';

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

function exibirAlerta(){ alert('Eu amo JS'); } function nomeCidade(){ let cidade = prompt('Insira o nome de uma cidade do Brasil'); alert(Estive em ${cidade} e lembrei de você); }

function somaDoisNumeros(){ let numero1 = parseInt(prompt('Insira o primeiro número inteiro')); let numero2 = parseInt(prompt('Insira o segundo número')); let soma = numero1 + numero2; alert(${numero1} + ${numero2} = ${soma}); }

header { text-align: center; font-size: 30px; color: #279EFF; }

main, html { margin: 0; padding: 0; height: 50%; display: flex; justify-content: center; align-items: center; background-color: #0C356A; }

.container { text-align: center; color: #279EFF; }

.button { padding: 10px 20px; margin: 10px; font-size: 24px; border: none; background-color: #3498db; cursor: pointer; border-radius: 5px; }

.button:hover { background-color: #2980b9; }