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

[Proyecto] Desafío: hora de practicar

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

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 clickDelUsuario() {
console.log("El boton 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 nombreCiudad() {
let ciudad = prompt("Dime una ciudad de Brasil");
alert(Estuve en ${ciudad} y me acorde de ti);
}
Crea una función que muestre una alerta con el mensaje: "Yo amo JS" siempre que se presione el botón "Alerta".
function alertaMensaje() {
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 = Number(prompt("Dime un numero"));
let num2 = Number(prompt("Dime otro numero"));
let resultado = num1 + num2;
alert(${resultado});
}

1 respuesta

Hola Jose,

¡Espero que estés disfrutando del desafío! Por lo que veo, ya has avanzado bastante en la implementación de las funciones que se requieren. Vamos a revisar cada una para asegurarnos de que todo esté en orden:

  1. Cambiar el contenido de la etiqueta h1:

    Tu código para cambiar el contenido de la etiqueta h1 es correcto:

    let titulo = document.querySelector('h1');
    titulo.innerHTML = "Hora del Desafío";
    
  2. Función para el botón "Console":

    La función que has creado para mostrar un mensaje en la consola también está bien:

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

    Solo asegúrate de que esta función esté vinculada al evento de clic del botón "Console" en tu HTML, algo como:

    <button onclick="clickDelUsuario()">Console</button>
    
  3. Función para el botón "prompt":

    La función para preguntar el nombre de una ciudad y mostrar una alerta también parece correcta:

    function nombreCiudad() {
        let ciudad = prompt("Dime una ciudad de Brasil");
        alert(`Estuve en ${ciudad} y me acordé de ti`);
    }
    

    Nuevamente, asegúrate de que el botón "prompt" esté configurado para llamar a esta función:

    <button onclick="nombreCiudad()">Prompt</button>
    
  4. Función para el botón "Alerta":

    La función para mostrar una alerta con el mensaje "Yo amo JS" está perfecta:

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

    Y asegúrate de que el botón "Alerta" esté vinculado correctamente:

    <button onclick="alertaMensaje()">Alerta</button>
    
  5. Función para el botón "suma":

    La función para sumar dos números y mostrar el resultado en una alerta también está bien:

    function suma() {
        let num1 = Number(prompt("Dime un número"));
        let num2 = Number(prompt("Dime otro número"));
        let resultado = num1 + num2;
        alert(`${resultado}`);
    }
    

    Asegúrate de que el botón "suma" esté configurado para llamar a esta función:

    <button onclick="suma()">Suma</button>
    

Parece que estás en el camino correcto. Solo asegúrate de que cada botón en tu HTML esté correctamente vinculado a su respectiva función en JavaScript.

Espero haber ayudado y buenos estudios!