Desafío: hora de practicar | Alura Latam - Cursos online de tecnologia

Desafío: hora de practicar

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.textContent = 'Hora del Desafio';

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 index.html <button onclick="BotonDeUsuario()"; class="button">Console En app.js function BotonDeUsuario(){ console.log('El Boton fue clicado'); }

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 index.html <button onclick="NombreCiudad()"; class="button">Prompt En app.js function NombreCiudad(){ let ciudad = prompt('Dime una ciudad de Brasil:'); alert(La ciudad elegida es: ${ciudad}); }

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

En index.html <button onclick="AlertaUsuario()"; class="button">Alert En app.js function AlertaUsuario(){ alert('Yo Amo JS'); }

Al hacer clic en el botón "suma", pide 2 números y muestra el resultado de la suma en una alerta. En index.html En app.js function Suma(){ let valor1 = parseInt(prompt('Dame un numero:')); let valor2 = parseInt(prompt('Dame un numero:')); let suma = valor1 + valor2; alert(La suma de ${valor1} y ${valor2} es: ${suma}); }

¡Hola Paul, espero que estés bien!

Vamos a revisar tu código y ajustar algunos detalles para que todo funcione como esperas.

Cambiar el contenido de la etiqueta h1:

Tu código para cambiar el contenido de h1 está correcto. Sin embargo, asegúrate de que el script se ejecute después de que el DOM esté completamente cargado. Puedes hacerlo envolviendo tu código en un DOMContentLoaded event listener:
```
document.addEventListener('DOMContentLoaded', (event) => {
    let Titulo = document.querySelector('h1');
    Titulo.textContent = 'Hora del Desafío';
});
```
Función para el botón "Console":

Tu función BotonDeUsuario está correcta. Solo asegúrate de que esté definida antes de que el botón sea clicado.

Función para el botón "Prompt":

Parece que olvidaste concatenar la respuesta del prompt con el texto deseado. Aquí está el ajuste:

function NombreCiudad(){
    let ciudad = prompt('Dime una ciudad de Brasil:');
    alert(`Estuve en ${ciudad} y me acordé de ti`);
}

Función para el botón "Alerta":

Tu función AlertaUsuario está correcta y debería funcionar como esperas.

Función para el botón "Suma":

Tu función Suma está bien, pero asegúrate de manejar casos en los que el usuario no ingrese un número válido. Aquí tienes una versión mejorada que verifica si los valores ingresados son números:

function Suma(){
    let valor1 = parseInt(prompt('Dame un número:'));
    let valor2 = parseInt(prompt('Dame otro número:'));
    if (isNaN(valor1) || isNaN(valor2)) {
        alert('Por favor, ingresa números válidos.');
    } else {
        let suma = valor1 + valor2;
        alert(`La suma de ${valor1} y ${valor2} es: ${suma}`);
    }
}

Espero que estas sugerencias te ayuden a mejorar tu código. ¡Bons estudios!