Desafío 1 | Propuesta | Lógica de programación: explorar funciones y listas | Alura Latam

Les dejo mi propuesta de solución del desafío 1. Cualquier duda con gusto la responderé :D

HTML:

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <title>Document</title>
</head>
<body>
    <header>
        <h1></h1>
    </header>
    <main class="container">
        <!-- OjO -> 3. Crea una función que muestre en la consola el mensaje "El botón fue clicado" siempre que se presione el botón "Console". -->
        <button onclick="btnConsole();" class="button">Console</button>
        <button onclick="btnIloveJS();" class="button">Alert</button>
        <button onclick="btnMsgPrompt();" class="button">Prompt</button>
        <button onclick="sumaDosNum();" class="button">Suma</button>
    </main>

      <script src="app.js"></script>
</body>
</html>

JS:

// OjO -> 2. Cambia el contenido de la etiqueta h1 con document.querySelector y asigna el siguiente texto: "Hora del Desafío".
let texto = document.querySelector('h1');
texto.innerHTML = 'Hora del Desafio'

// OjO -> 3. 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 btnConsole() {
    console.log('El boton fue clicado');
}

// OjO -> 4. 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 btnMsgPrompt() {
    rspt = prompt('Menciona el nombre de una ciudad de Perú');
    alert(`Estuve en ${rspt} y me acordé de tí.`);
}

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

// OjO -> Al hacer clic en el botón "suma", pide 2 números y muestra el resultado de la suma en una alerta.
function sumaDosNum() {
    let num1 = parseInt(prompt('Ingrese el primer número'));
    let num2 = parseInt(prompt('Ingrese el segundo número'));
    let resultado = num1 + num2;
    alert(`El resultado de la suma de los números ${num1} + ${num2} = ${resultado}`)
}