Desafio 1: Interactuando con HTML

// 2.- 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';

// 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".
// en app.js
function pressBotton(){
    alert('El botón fue clicado');
}
// en index
<main class="container">
        <button onclick="pressBotton();" class="button">Console</button>

// 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".
// en app.js
function ciudad(){
let ciudad = prompt('¿De que ciudad de brasil eres?');
    alert(`Estuve en ${ciudad} y me acordé de ti`);
}
// en index
<main class="container">
    <button onclick="ciudad();" class="button">Prompt</button>

// 5.- Crea una función que muestre una alerta con el mensaje: "Yo amo JS" siempre que se presione el botón "Alerta".
// en app.js
function yoAmo(){
    alert('Yo amo Js');
}
// en index
<main class="container">
    <button onclick="yoAmo();" class="button">Alert</button>

// 6.- Al hacer clic en el botón "suma", pide 2 números y muestra el resultado de la suma en una alerta.
// en app.js
function ingresaNumeros(){
    let num1 = prompt("Ingresa el primer número para sumar");
    let num2 = prompt("Ingresa el segundo número para sumar");
    let suma = Number(num1) + Number(num2);
    alert(`La suma de ambos números te da como resultado ${suma}`);

}
// en index
 <main class="container">
     <button onclick="ingresaNumeros();" class="button">Suma</button>