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

Desafío

Para este desafío edité el archivo app.js con el siguiente código

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() {
    let ciudad = prompt("Ingresa el nombre de una ciudad de Brasil:");
    if (ciudad) {
        alert(`Estuve en ${ciudad} y me acordé de ti`);
    }
}

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

y para editar index.html cambié lo siguiente en onclick

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <title>Document</title>
</head>
<body>
    <header>
        <h1></h1>
    </header>
    <main class="container">
    <button onclick="mostrarConsola()" class="button">Console</button>
    <button onclick="mostrarAlerta()" class="button">Alert</button>
    <button onclick="preguntarCiudad()" class="button">Prompt</button>
    <button onclick="sumarNumeros()" class="button">Suma</button>
</main>

      <script src="app.js"></script>
</body>
</html>

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

1 respuesta

¡Hola Randy!

Parece que has implementado correctamente las funciones y los botones según el desafío. Aquí tienes un resumen de lo que has hecho y algunas cosas que podrías verificar:

  1. Cambio de contenido de h1: Has utilizado document.querySelector("h1").textContent = "Hora del Desafío"; para cambiar el texto del encabezado, lo cual está correcto.

  2. Función mostrarConsola: Esta función muestra un mensaje en la consola cuando se hace clic en el botón "Console". Puedes verificar si el mensaje aparece en la consola del navegador.

  3. Función mostrarAlerta: Esta función muestra una alerta con el mensaje "Yo amo JS" al hacer clic en el botón "Alert". Asegúrate de que la alerta aparece correctamente.

  4. Función preguntarCiudad: Esta función pide al usuario que ingrese el nombre de una ciudad de Brasil y luego muestra una alerta con el mensaje personalizado. Verifica que el prompt y la alerta funcionen como esperas.

  5. Función sumarNumeros: Esta función pide dos números al usuario y muestra la suma en una alerta. Asegúrate de que los números se suman correctamente y que el resultado se muestra en la alerta.

Si todo esto está funcionando, ¡parece que has completado el desafío con éxito! Si encuentras algún problema específico, verifica la consola del navegador para ver si hay errores.

Espero haber ayudado y buenos estudios!