Entrar ¿Aún no tienes acceso?
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

Practica

Referente al curso Lógica de programación: explorar funciones y listas, en el capítulo Interactuando con HTML y actividad Desafío: hora de practicar

por Ernesto Franco Chavez
| 15.4k xp | 13 posts

HTML

<!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="buttonConsole();" class="button">Console</button>
        <button onclick="buttonAlert();" class="button">Alert</button>
        <button onclick="buttonPrompt();" class="button">Prompt</button>
        <button onclick="buttonSuma();" class="button">Suma</button>
    </main>

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

JS

let titulo = document.querySelector('h1');
titulo.innerHTML = 'Bienvenido a la practica';

function buttonConsole(){
    alert('Boton clickeado');
}

function buttonPrompt(){
    let ciudad = prompt('Ingrese el nombre de la ciudad de Brasil: ');
    alert(`Estuve en la ciudad ${ciudad}`);

}

function buttonAlert(){
    alert('Yo amo JS');
}

function buttonSuma(){
    let numero1 = parseInt(prompt("Ingresa un numero: "));
    let numero2 = parseInt(prompt("Ingresa un numero: "));

    alert(`la suma es ${numero1+numero2}`);
}
1 respuesta
por Brenda Souza
| 5540.6k xp | 20040 posts
Instructor

Hola Ernesto, espero que estés bien

Parece que ya has avanzado bastante en tu práctica. Vamos a revisar los puntos del desafío para asegurarnos de que todo esté en orden:

  1. Cambio del contenido de h1: Veo que ya has cambiado el contenido de la etiqueta h1 con document.querySelector, pero el texto debería ser "Hora del Desafío" en lugar de "Bienvenido a la practica". Puedes cambiarlo así:

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

  2. Función para el botón "Console": Parece que la función buttonConsole() está mostrando una alerta en lugar de un mensaje en la consola. Deberías cambiarlo para que use console.log():

    function buttonConsole(){
    console.log('El botón fue clicado');
}

  3. Función para el botón "Prompt": La función buttonPrompt() está casi correcta, solo necesitas ajustar el mensaje de la alerta para que coincida con el desafío:

    function buttonPrompt(){
    let ciudad = prompt('Ingrese el nombre de la ciudad de Brasil: ');
    alert(`Estuve en ${ciudad} y me acordé de ti`);
}

  4. Función para el botón "Alert": Esta función ya está correcta y cumple con el requisito del desafío.

  5. Función para el botón "Suma": Esta también está correcta y cumple con lo solicitado.

Con estos ajustes, tu código debería cumplir con todos los requisitos del desafío. Espero que esto te ayude en tu práctica. ¡Sigue adelante!

Espero haber ayudado y buenos estudios!