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

Desafíos HTML

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 usuario (){
    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 ciudad (){
let ciudadDeBrazil = prompt('Dime una ciudad de Brazil');
alert ('Estuve en ' + ciudadDeBrazil + ' 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 alertUsuario (){
    alert ('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 numeroSuma (){
let numero1 = parseInt(prompt('Ingrese un número para hacer una suma'));

let numero2 = parseInt(prompt('Ingrese el segundo número'));

let resultado = (numero1 + numero2);
    alert (`${numero1} + ${numero2} = ${resultado}`);
}
1 respuesta

¡Hola Jhonatan!

Parece que estás trabajando en un proyecto interesante con JavaScript y HTML. Vamos a revisar tus funciones:

  1. Cambiar el contenido de la etiqueta h1: Tu código está correcto. Estás usando document.querySelector para seleccionar la etiqueta h1 y cambiar su contenido a "Hora del Desafío". Asegúrate de que el script se ejecute después de que el DOM esté completamente cargado, para evitar errores.

    let titulo = document.querySelector('h1');
    titulo.innerHTML = 'Hora del Desafío';
    
  2. Función para mostrar un mensaje en la consola al hacer clic en el botón "Console": Tu función usuario está bien escrita. Solo necesitas asegurarte de que esta función esté vinculada al evento de clic del botón correspondiente.

    function usuario() {
        console.log('El botón fue clicado');
    }
    
  3. Función para preguntar por una ciudad de Brasil y mostrar una alerta: Tu función ciudad también está correcta. Recuerda asociarla al evento de clic del botón "prompt".

    function ciudad() {
        let ciudadDeBrazil = prompt('Dime una ciudad de Brasil');
        alert('Estuve en ' + ciudadDeBrazil + ' y me acordé de ti');
    }
    
  4. Función para mostrar una alerta con "Yo amo JS": La función alertUsuario funciona bien. Solo asegúrate de que esté conectada al botón "Alerta".

    function alertUsuario() {
        alert('Yo amo JS');
    }
    
  5. Función para sumar dos números y mostrar el resultado: Tu función numeroSuma está bien planteada. Se encarga de solicitar dos números al usuario y mostrar el resultado de la suma.

    function numeroSuma() {
        let numero1 = parseInt(prompt('Ingrese un número para hacer una suma'));
        let numero2 = parseInt(prompt('Ingrese el segundo número'));
        let resultado = numero1 + numero2;
        alert(`${numero1} + ${numero2} = ${resultado}`);
    }
    

Recuerda vincular cada función al evento de clic de su respectivo botón en tu HTML. Por ejemplo, si tienes un botón con el id "btnConsole", puedes hacer algo como esto:

<button id="btnConsole" onclick="usuario()">Console</button>

Espero que estas sugerencias te sean útiles y que tu proyecto siga avanzando bien. ¡Espero haber ayudado y buenos estudios!