desafio

<!-- Título -->
<h1>Desafío JS</h1>

<!-- Botones -->
<button id="consoleButton">Console</button>
<button id="promptButton">Prompt</button>
<button id="alertButton">Alerta</button>
<button id="sumaButton">Suma</button>

<script>
    // Cambiar el contenido de la etiqueta h1 con JavaScript
    document.querySelector('h1').textContent = "Hora del Desafío";

    // Función para mostrar mensaje en consola al hacer clic en el botón "Console"
    document.getElementById('consoleButton').addEventListener('click', function() {
        console.log("El botón fue clicado");
    });

    // Función para mostrar un mensaje con el nombre de una ciudad de Brasil al hacer clic en el botón "Prompt"
    document.getElementById('promptButton').addEventListener('click', function() {
        const ciudad = prompt("¿Cuál es el nombre de una ciudad de Brasil?");
        if (ciudad) {
            alert(`Estuve en ${ciudad} y me acordé de ti`);
        } else {
            alert("No ingresaste una ciudad.");
        }
    });

    // Función para mostrar una alerta "Yo amo JS" al hacer clic en el botón "Alerta"
    document.getElementById('alertButton').addEventListener('click', function() {
        alert("Yo amo JS");
    });

    // Función para pedir dos números y mostrar la suma en una alerta al hacer clic en el botón "Suma"
    document.getElementById('sumaButton').addEventListener('click', function() {
        const num1 = parseFloat(prompt("Introduce el primer número:"));
        const num2 = parseFloat(prompt("Introduce el segundo número:"));
        if (!isNaN(num1) && !isNaN(num2)) {
            const suma = num1 + num2;
            alert(`El resultado de la suma es: ${suma}`);
        } else {
            alert("Por favor, ingresa números válidos.");
        }
    });
</script>