Entrar ¿Aún no tienes acceso?
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

Referente al curso Lógica de programación: explorar funciones y listas, en el capítulo Interactuando con HTML y actividad Desafío: hora de practicar

por Yarella
| 28.6k xp | 44 posts
// 1. Cambiar el contenido del h1
        document.querySelector("h1").textContent = "Hora del Desafío";

        // 2. Mostrar mensaje en consola al presionar botón Console
        function mostrarEnConsola() {
            console.log("El botón fue clicado");
        }

        // 3. Mostrar alerta con "Yo amo JS" al presionar botón Alert
        function mostrarAlertaJS() {
            alert("Yo amo JS");
        }

        // 4. Preguntar ciudad de Brasil y mostrar alerta personalizada
        function preguntarCiudad() {
            const ciudad = prompt("¿Nombre de una ciudad de Brasil?");
            if (ciudad) {
                alert("Estuve en " + ciudad + " y me acordé de ti");
            } else {
                alert("No ingresaste ninguna ciudad.");
            }
        }

        // 5. Pedir dos números y mostrar suma
        function sumarNumeros() {
    const valor1 = prompt("Ingresa el primer número:");
    const valor2 = prompt("Ingresa el segundo número:");

    // Convertir a número
    const num1 = Number(valor1);
    const num2 = Number(valor2);
    
    if (valor1.trim() === "" || valor2.trim() === "" || valor1 === null || valor2 === null) {
        alert("Debes ingresar ambos números.");
    } else if (valor1.match(/[^0-9.-]/) || valor2.match(/[^0-9.-]/)) {
        alert("Eso no parece un número válido. Intenta de nuevo.");
    } else {
        const resultado = num1 + num2;
        alert("El resultado de la suma es: " + resultado);
    }
}
1 respuesta
por Eric Monné Fraga de Oliveira
| 2539k xp | 9249 posts
Instructor

¡Hola Yarella!

Parece que estás trabajando en un desafío de programación muy interesante. Vamos a revisar lo que has hecho:

  1. Cambiar el contenido del h1: Tu código para cambiar el contenido del h1 está correcto. Utilizaste document.querySelector("h1").textContent = "Hora del Desafío";, lo cual es exactamente lo que se pide.

  2. Mostrar mensaje en consola al presionar el botón Console: La función mostrarEnConsola está bien definida. Solo asegúrate de que el botón "Console" tenga un evento onclick que llame a esta función.

  3. Mostrar alerta con "Yo amo JS" al presionar botón Alert: La función mostrarAlertaJS también está bien. Asegúrate de que el botón "Alerta" esté correctamente vinculado para llamar a esta función cuando se haga clic.

  4. Preguntar ciudad de Brasil y mostrar alerta personalizada: La función preguntarCiudad parece estar bien hecha. Recuerda que el botón "prompt" debe estar configurado para llamar a esta función.

  5. Pedir dos números y mostrar suma: Tu función sumarNumeros es bastante completa. Verificas si los valores son válidos antes de realizar la suma, lo cual es una buena práctica. Solo asegúrate de que el botón "suma" esté configurado para llamar a esta función.

Si todo está configurado correctamente en el HTML, tu código debería funcionar como se espera. Asegúrate de que los botones en tu HTML tengan los eventos onclick que llaman a las funciones correspondientes. Por ejemplo:

<button onclick="mostrarEnConsola()">Console</button>
<button onclick="mostrarAlertaJS()">Alerta</button>
<button onclick="preguntarCiudad()">Prompt</button>
<button onclick="sumarNumeros()">Suma</button>

Espero que esto te ayude a avanzar en tu desafío.