No JS meu código ficou assim:
let titulo = document.querySelector("h1");
titulo.innerHTML = "Hora do desafio!";
function mensagemConsole() {
console.log("O botão foi clicado.");
}
function mensagemAlerta() {
alert("Eu amo JS");
}
function cidadeBrasil() {
let escolhaDaCidade = prompt("Diga uma cidade brasileira");
alert(`Estive em ${escolhaDaCidade} e lembrei de você.`);
}
function somaDoisNumeros() {
let numero1 = parseInt(prompt("Digite um número:"));
let numero2 = parseInt(prompt("Digite outro número:"));
let resultado = numero1 + numero2;
alert(`O resultado da soma de ${numero1} e ${numero2} é igual a ${resultado}`);
}
No HTML ficou assim:
<header>
<h1></h1>
</header>
<main class="container">
<button onclick="mensagemConsole()" class="button">Console</button>
<button onclick="mensagemAlerta()" class="button">Alert</button>
<button onclick="cidadeBrasil()" class="button">Prompt</button>
<button onclick="somaDoisNumeros()" class="button">Soma</button>
</main>
Funcionou corretamente.