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

Hola, este es mi respuesta para el desafío :D Código en HTML:

<!DOCTYPE html>
<html lang="en">
<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">
        <button onclick="alertFunction()" class="button">Console</button>
        <button onclick="alertAlerta()" class="button">Alert</button>
        <button onclick="alertPrompt()" class="button">Prompt</button>
        <button onclick="alertSuma()" class="button">Suma</button>
    </main>

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

Y este es para JS:

let titulo = document.querySelector('h1')

titulo.innerHTML = 'Hora del Desafío'

function alertFunction() {
    alert("El botón fue clicado");
  }

function alertPrompt() {
    var Ciudad = prompt("Dame el nombre de una ciudad de Brasil :D");
  alert(`Estuve en ${Ciudad} y me acordé de ti.`);
  }

function alertAlerta() {
    alert("Yo amo JS");
  }

function alertSuma() {
    var numero1 = parseInt(prompt("Por favor, introduce el primer número:"));
    var numero2 = parseInt(prompt("Por favor, introduce el segundo número:"));
  alert(`La suma de ${numero1} y de ${numero2} da ` + (numero1 + numero2));
  }