JS

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

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

function verificarAlert(){
    alert("Eu amo JS");
}

function verificarPrompt(){
    let cidade = prompt("Digite uma Cidade do Brasil:");
    alert(`Estive em ${cidade} e lembrei de você!`);
}

function soma(){
    let numero1 = parseInt(prompt("Digite o primeiro número inteiro: "));
    let numero2 = parseInt(prompt("Digite o segundo número inteiro: "));
    let resultado = numero1 + numero2;
    
    alert(`${numero1} + ${numero2} = ${resultado}`);
}

HTML apenas da parte que necessitava ser modificada.

    <header>
        <h1></h1>
    </header>
    <main class="container">
        <button onclick="verificarConsole()" class="button">Console</button>
        <button onclick="verificarAlert()" class="button">Alert</button>
        <button onclick="verificarPrompt()" class="button">Prompt</button>
        <button onclick="soma()" class="button">Soma</button>
    </main>