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

Desafio: Hora de practicar

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 Luis Fernando Rodriguez
| 7.2k xp | 6 posts
Asistente SysAdmin Guarani 
//index.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="pressConsole();" class="button">Console</button>
        <button onclick="alerta();" class="button">Alert</button>
        <button onclick="ciudadBrasil();" class="button">Prompt</button>
        <button onclick="summa();" class="button">Suma</button>
    </main>

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

//app.js
let titulo = document.querySelector('h1');
titulo.innerHTML = 'Hora del desafio';
function pressConsole() {
    alert('El boton fue clicado');
}
function ciudadBrasil() {
    let ciudad = prompt('Ingrese una ciudad de Brasil');
    alert(`Estuve en ${ciudad}, y me acorde de ti`);
}
function alerta() {
    alert('Yo amo JS');
}
function summa() {
    let num1 = parseInt(prompt('Ingrese un numero por favor'));
    let num2 = parseInt(prompt('Ingrese otro numero por favor'));
    summa = num1 + num2;
    alert(`El resultado de la suma es: ${summa}. Gracias`);
}
1 respuesta
por Eric Monné Fraga de Oliveira
| 2679.2k xp | 9900 posts
Instructor

Hola Luis,

Parece que estás trabajando en un proyecto donde necesitas practicar la lógica de programación mediante la interacción con elementos HTML y funciones JavaScript. He revisado tu código y parece que ya has implementado correctamente las funciones que se requieren en el desafío. Aquí tienes un resumen de lo que has hecho:

  1. Cambio del contenido de h1: Has utilizado document.querySelector('h1') para cambiar el texto del encabezado a "Hora del desafio", lo cual está correcto.

  2. Función pressConsole: Esta función muestra una alerta en lugar de un mensaje en la consola. Si el objetivo es mostrar el mensaje en la consola, deberías usar console.log('El boton fue clicado'); en lugar de alert('El boton fue clicado');.

  3. Función ciudadBrasil: Correctamente solicita al usuario el nombre de una ciudad de Brasil y luego muestra una alerta con el mensaje adecuado.

  4. Función alerta: Muestra la alerta "Yo amo JS" como se requiere.

  5. Función summa: Pide dos números al usuario, realiza la suma y muestra el resultado en una alerta, lo cual está bien.

Si tu intención era mostrar el mensaje "El botón fue clicado" en la consola, simplemente ajusta la función pressConsole como te mencioné anteriormente. Aquí está el código corregido para esa función:

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

Espero que esto te ayude a completar tu desafío.