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 5

/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 desafío';

//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 Usuario() {
console.log('El botón fue cliceado');
}

/*
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 Ciudad() {
let ciudad = prompt ('Ingrese el nombre de una ciudad de Brasil');
alert(Estuve en ${ciudad} y me acordé 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 mensaje() {
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 = parseInt(prompt('Ingrese el primer número'));
let num2 = parseInt(prompt('Ingrese el segundo número'));
let resultado = num1 + num2;
alert(El resultado de la suma es: ${resultado});
}

1 respuesta

Hola Jefersson,

Parece que has hecho un gran trabajo al implementar las funciones solicitadas en el desafío. A continuación, te proporcionaré una revisión rápida de tu código para asegurarnos de que todo esté en orden:

  1. Cambio del contenido de la etiqueta h1: Tu código para cambiar el contenido de la etiqueta h1 es correcto. Utilizas document.querySelector para seleccionar la etiqueta y luego cambias su contenido con innerHTML. Asegúrate de que el elemento h1 exista en tu HTML para que el cambio se refleje.

  2. Función para el botón "Console": La función Usuario está bien definida para mostrar el mensaje en la consola. Asegúrate de que el botón "Console" tenga un evento onclick que llame a esta función, algo como:

    <button onclick="Usuario()">Console</button>
    
  3. Función para el botón "prompt": La función Ciudad está correctamente configurada para pedir el nombre de una ciudad y mostrar una alerta. De nuevo, asegúrate de que el botón "prompt" esté vinculado a esta función:

    <button onclick="Ciudad()">Prompt</button>
    
  4. Función para el botón "Alerta": La función mensaje también está bien para mostrar la alerta. Vincúlala correctamente al botón "Alerta":

    <button onclick="mensaje()">Alerta</button>
    
  5. Función para el botón "suma": La función Suma está bien escrita para pedir dos números y mostrar la suma. Asegúrate de que el botón "suma" esté configurado para llamar a esta función:

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

Si todos los botones están correctamente vinculados a sus respectivas funciones, tu código debería funcionar como se espera. Espero que esta revisión te sea útil.

¡Espero haber ayudado y buenos estudios!