Solución -Desafío: hora de practicar

Hola, compañeros. Comparto con ustedes mi propuesta de solución a los ejercicios propuestos:

Parte de javaScript

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

// 2. 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 intentoUsuario() {
    console.log("El botón fue clicado");
}
// 3. 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 preguntaCiudad() {
    let ciudad = prompt("Por favor, nombre una ciudad de Brasil: ");
    alert(`Estuve en ${ciudad} y me acordé del ti.`)
}


// 4. Crea una función que muestre una alerta con el mensaje: "Yo amo JS" siempre que se presione el botón "Alerta".

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


// 5. Al hacer clic en el botón "suma", pide 2 números y muestra el resultado de la suma en una alerta.

function suma() {
    alert("Vamos a sumar dos números");
    let num1 = parseInt(prompt("Por favor, ingrese el primer número: "));
    let num2 = parseInt(prompt("Por favor, ingrese el segundo número: "));
    alert(`La suma de  ${num1} y ${num2} es `+(num1+num2)+ ".")
}

parte en html:

<main class="container">
        <button onclick="intentoUsuario();" class="button">Console</button>
        <button onclick="mostrarMensaje();" class="button">Alert</button>
        <button onclick="preguntaCiudad();" class="button">Prompt</button>
        <button onclick="suma();" class="button">Suma</button>
    </main>