Hora da prática: Funções nos botões.

Aqui está a modificação feita no HTML:

<main class="container">
        <button onclick="verifcarConsole()" class="button">Console</button>
        <button onclick="verificarAlert()" class="button">Alert</button>
        <button onclick="verificarPrompt()" class="button">Prompt</button>
        <button onclick="verificarSoma()" class="button">Soma</button>
    </main>

E aqui está o JS:

let titulo = document.querySelector('h1');
titulo.innerHTML = 'Hora do Desafio';
let cidade;
let v1;
let v2;
let soma;
function verifcarConsole() {
    console.log('O botão foi clicado');
}
function verificarAlert() {
    alert('Eu amo JS');
}
function verificarPrompt() {
    cidade = prompt('Digite uma cidade:');
    alert(`Estive em ${cidade} e lembrei de você.`)
}
function verificarSoma() {
    v1 = parseInt(prompt('Digite um valor:'));
    v2 = parseInt(prompt('Digite outro valor:'));
    soma = (v1 + v2);
    alert(`A soma de ${v1} e ${v2} é: ${soma}`);
}