Lo resolví de esta manera
<main class="container">
<button onclick="botonClicked();" class="button">Console</button>
<button onclick="alerta();" class="button">Alert</button>
<button onclick="ciudad();" class="button">Prompt</button>
<button onclick="suma();" class="button">Suma</button>
</main>
let texto = document.querySelector("h1");
texto.innerHTML = "Hora del Desafío";
function botonClicked() {
console.log("El botón fue clicado");
}
function ciudad() {
let ciudad = prompt("Dime una ciudad de Brasil");
if (ciudad === null) {
} else if (ciudad) {
alert(`Estuve en ${ciudad} y me acordé de ti`);
} else {
alert("Escribe una ciudad");
}
}
function alerta() {
alert("Yo amo JS");
}
function suma() {
let num1 = prompt("Dime el primer número");
let num2 = prompt("Dime el segundo número");
let resultado = parseFloat(num1) + parseFloat(num2);
alert(`El resultado es ${resultado}`);
}