Hola, Pedro.
Parece que has hecho un gran trabajo con el código. Vamos a revisar cada parte para asegurarnos de que todo funcione correctamente:
Cambio de contenido del h1
:
let titulo = document.querySelector('h1');
titulo.innerHTML = 'Hora del Desafío';
Esto debería funcionar bien para cambiar el contenido del h1
.
Función para el botón "Console":
function mensajeConsola(){
console.log('El botón fue clicado');
}
Asegúrate de que esta función esté vinculada al evento de clic del botón correspondiente.
Función para el botón "Alerta":
function mensajeAlert(){
alert('Yo amo JS');
}
Nuevamente, verifica que esté conectada al botón adecuado.
Función para el botón "prompt":
function ciudadBrasil(){
let ciudad = prompt('Ingrese una ciudad de Brasil:');
alert(`Estuve en ${ciudad} y me acorde de ti`);
}
Esto debería funcionar correctamente para mostrar el mensaje con la ciudad ingresada.
Función para el botón "suma":
function suma(){
let numero1 = parseInt(prompt('ingrese el Primer numero :'));
let numero2 = parseInt(prompt('ingrese el Segundo numero :'));
let operacion = numero1 + numero2;
alert(`La suma de los numeros ${numero1} y el ${numero2} es de: ${operacion}`);
}
Aquí, asegúrate de que operacion
esté declarada con let
para evitar problemas de alcance de variables.
Finalmente, verifica que cada función esté correctamente vinculada a los botones correspondientes en tu archivo HTML. Esto se hace generalmente usando addEventListener
o directamente en el HTML con el atributo onclick
.
Espero haber ayudado y buenos estudios!