Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

Desafío: Hora de practicar

Aquí mi ejercicio:

//Cambia el contenido de la etiqueta h1 con document.querySelector y asigna el siguiente texto: "Hora del Desafío".
document.querySelector('h1').textContent = 'Hora del Desafío';

//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 mostrarMensaje() {
console.log('El botón 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".
function fraseCiudad() {
let ciudad = prompt('¿Cuál es el nombre de una ciudad de Brasil?');
console.log(${ciudad});
if (ciudad) {
alert(Estuve en ${ciudad} y me acordé de ti);
} else {
alert('No ingresaste ninguna ciudad');
}
}

//Crea una función que muestre una alerta con el mensaje: "Yo amo JS" siempre que se presione el botón "Alerta".
function mostrarAlerta() {
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.
function suma() {
let num1 = prompt('Ingrese el primer número:');
let num2 = prompt('Ingrese el segundo número:');
let resultado = parseInt(num1) + parseInt(num2);
alert(El resultado de la suma es: ${resultado});
}

1 respuesta

Hola Andrés, espero que estés bien

¡Tu ejercicio se ve muy bien! Has cubierto una variedad de interacciones con el usuario utilizando prompt, alert y console.log. Aquí tienes algunos comentarios y sugerencias para asegurarte de que todo funcione correctamente:

  1. Cambio de contenido de h1: Tu código para cambiar el contenido de la etiqueta h1 es correcto. Si no está funcionando, asegúrate de que haya una etiqueta h1 en tu HTML.

  2. Función mostrarMensaje: La función está bien definida. Asegúrate de vincularla a un evento de clic en el botón "Console". Por ejemplo:

    document.querySelector('#botonConsole').addEventListener('click', mostrarMensaje);
    

    Asegúrate de que el botón tenga el ID correcto (#botonConsole).

  3. Función fraseCiudad: La lógica es correcta. Solo asegúrate de que el botón "prompt" esté vinculado a esta función:

    document.querySelector('#botonPrompt').addEventListener('click', fraseCiudad);
    
  4. Función mostrarAlerta: Esta función también está bien. Vincúlala al botón "Alerta" de esta manera:

    document.querySelector('#botonAlerta').addEventListener('click', mostrarAlerta);
    
  5. Función suma: La lógica de suma es correcta. Asegúrate de que los valores ingresados sean números válidos y que el botón "suma" esté vinculado correctamente:

    document.querySelector('#botonSuma').addEventListener('click', suma);
    

Recuerda siempre verificar que los IDs de los botones en tu HTML coincidan con los que estás usando en el JavaScript. Esto asegurará que los eventos de clic se registren correctamente.

Espero que estos consejos te sean útiles. ¡Espero haber ayudado y buenos estudios!