HTML
  <header>
        <h1></h1>
    </header>
    <main class="container">
        <button onclick="Console()" class="button">Console</button>
        <button onclick="Alerta()" class="button">Alert</button>
        <button onclick="Pregunta()" class="button">Prompt</button>
        <button onclick="suma()" class="button">Suma</button>
    </main>
JS
let titulo = document.querySelector('h1');
titulo.innerHTML = "Hora del desafio"
function Console(){
    console.log("El botón ha sido Clicado")
}
function Pregunta(){
    let ciudad = prompt("Una ciudad de Brazil");
    alert(`Estuve en ${ciudad} y me acorde de ti`)
}
function Alerta(){
    alert("Yo amo JS")
}
function suma(){
    let numero1 = parseInt(prompt("Ingresa el primer Numero: "));
    let numero2 = parseInt(prompt("Ingresa el segundo numero"));
    total = numero1 + numero2
    alert(`El resultado de la suma de los 2 valores ingresados es: ${total}`)
}
 
            