[Solución] Desafío: Hora de practicar #1

<header>
        <h1></h1>
</header>
<main class="container">
        <button onclick="mostrarMensaje();" class="button">Console</button>
        <button onclick="mostrarAlerta();" class="button">Alert</button>
        <button onclick="mostrarPrompt();" class="button">Prompt</button>
        <button onclick="mostrarSuma();" class="button">Suma</button>
</main>

/* 1. Cambia el contenido de la etiqueta h1 con document.querySelector 
   y asigna el siguiente texto: "Hora del Desafío". */
let titulo = document.querySelector('h1');

titulo.innerHTML = 'Hora del Desafío';

/* 2. Crea una función que muestre en la consola el mensaje "El botón fue clicado" 
   siempre que se presione el botón "Console". */
function mostrarMensaje() {
    console.log('El botón fue clicado');
}

/* 3. Crea una función que se ejecute cuando se haga clic en el botón "prompt", 
   preguntando el nombre de una ciudad de Brasil. Luego, muestra una alerta con 
   el mensaje concatenando la respuesta con el texto: "Estuve en {ciudad} y me acordé de ti". */
function mostrarPrompt() {
    let ciudad = prompt('Dime una ciudad de Brasil');
    alert(`Estuve en ${ciudad} y me acordé de ti`);
}

/* 4. Crea una función que muestre una alerta con el mensaje: "Yo amo JS" 
   siempre que se presione el botón "Alerta". */
function mostrarAlerta() {
    alert('Yo amo JS');
}

/* 5. Al hacer clic en el botón "suma", pide 2 números y muestra el resultado 
   de la suma en una alerta. */
function mostrarSuma() {
    let numero1 = parseInt(prompt('Ingresa el primer número'));
    let numero2 = parseInt(prompt('Ingresa el segundo número'));
    let resultado = numero1 + numero2;

    alert(`El resultado de la suma es: ${resultado}`);
}