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

document.querySelector("h1").textContent = "Hora del Desafío";

function mostrarConsola() {
console.log("El botón fue clicado");
}

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

function preguntarCiudad() {
const ciudad = prompt("Dime una ciudad de Brasil:");
alert("Estuve en " + ciudad + " y me acordé de ti");
}

function hacerSuma() {
const num1 = Number(prompt("Ingresa el primer número:"));
const num2 = Number(prompt("Ingresa el segundo número:"));
alert("La suma es: " + (num1 + num2));
}

function mostrarHora() {
const ahora = new Date();
console.log("Hora actual: " + ahora.toLocaleTimeString());
}

function cambiarColorFondo() {
const colores = ["#f0f8ff", "#ffe4e1", "#e0ffff", "#fafad2", "#d8bfd8"];
const colorAleatorio = colores[Math.floor(Math.random() * colores.length)];
document.body.style.backgroundColor = colorAleatorio;
}

1 respuesta

¡Hola Christopher!

Parece que ya has implementado con éxito las funciones que se requieren para el desafío. Has creado funciones para cambiar el contenido del h1, mostrar mensajes en la consola, alertas, y manejar prompts, además de realizar una suma y cambiar el color de fondo. Todo esto está alineado con los requisitos del desafío.

Un ejemplo práctico de cómo podrías verificar si todo está funcionando correctamente es asegurarte de que cada botón realiza la acción esperada. Por ejemplo:

  1. Botón "Console": Al hacer clic, deberías ver "El botón fue clicado" en la consola del navegador.
  2. Botón "Alert": Al hacer clic, debería aparecer una alerta con el mensaje "Yo amo JS".
  3. Botón "Prompt": Al hacer clic, deberías poder ingresar una ciudad de Brasil y luego ver una alerta con el mensaje personalizado.
  4. Botón "Suma": Al hacer clic, deberías poder ingresar dos números y ver una alerta con el resultado de su suma.
  5. Botón "Hora": Al hacer clic, deberías ver la hora actual en la consola.
  6. Botón "Color Fondo": Al hacer clic, el fondo de la página debería cambiar a uno de los colores aleatorios de la lista.

Si todas estas acciones funcionan como se espera, ¡has completado el desafío con éxito! Si algo no funciona, revisa el código para asegurarte de que cada función esté correctamente vinculada a su botón correspondiente.

Espero haber ayudado y buenos estudios!