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

Desafio: Hora de Practicar

Desafio: Hora de Practicar

02 - Cambia el contenido de la etiqueta h1 con document.querySelector y
asigna el siguiente texto: "Hora del Desafío".

let elemento = document.querySelector('h1');
elemento.innerHTML = "Hora del Desafío";

03 - 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 clickeado() {
alert('El botón fue clicado');
}

04 - 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 ciudadBrazil(){
let ciudad = prompt('Dime alguna Ciudad de Brazil');
alert("Estuve en ${ciudad} y me acordé de tí".);

}

05 - Crea una función que muestre una alerta con el mensaje:
"Yo amo JS" siempre que se presione el botón "Alerta".

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

06 - 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 numero1 = parseInt(prompt('Por favor ingrese el primer Número'));
let numero2 = parseInt(prompt('Por favor ingrese el segundo Número'));
let sumaNumero = numero1 + numero2;

alert(`El Resultado de la suma es ${sumaNumero}`)
1 respuesta

Hola Matias,

¡Qué bueno que estás practicando lógica de programación! Parece que ya has hecho un gran trabajo con los desafíos que mencionaste. Vamos a revisarlos uno por uno para asegurarnos de que todo esté correcto:

  1. Cambiar el contenido de la etiqueta h1: Tu código parece estar bien. Usaste document.querySelector para seleccionar el elemento h1 y cambiaste su contenido con innerHTML. ¡Perfecto!

    let elemento = document.querySelector('h1'); 
    elemento.innerHTML = "Hora del Desafío";
    
  2. Mostrar mensaje en la consola al presionar el botón "Console": Parece que hay un pequeño error en tu función. Actualmente, estás usando alert en lugar de console.log. Para mostrar el mensaje en la consola, deberías usar:

    function clickeado() {
        console.log('El botón fue clicado');
    }
    
  3. Función para el botón "prompt": Tu función se ve bien. Solicita el nombre de una ciudad y muestra una alerta con el mensaje correcto:

    function ciudadBrazil(){
        let ciudad = prompt('Dime alguna Ciudad de Brazil');
        alert(`Estuve en ${ciudad} y me acordé de ti.`);
    }
    
  4. Función para el botón "Alerta": Esta parte también está correcta. Muestra una alerta con el mensaje "Yo amo JS":

    function alerta() {
        alert("Yo amo JS");
    }
    
  5. Función para el botón "Suma": Tu función está bien estructurada. Solicita dos números y muestra la suma en una alerta:

    function suma() {
        let numero1 = parseInt(prompt('Por favor ingrese el primer Número'));
        let numero2 = parseInt(prompt('Por favor ingrese el segundo Número'));
        let sumaNumero = numero1 + numero2;
        
        alert(`El Resultado de la suma es ${sumaNumero}`);
    }
    

¡Espero que esto te ayude a avanzar con tus prácticas! Si algo no funciona como esperas, revisa que los botones en tu HTML estén correctamente vinculados a las funciones.

Espero haber ayudado y buenos estudios!