Entrar ¿Aún no tienes acceso?
3
respuestas

[Sugerencia] Posible Resolución

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 Andres Quiroga
| 52.1k xp | 14 posts

Yo lo resolví así:

<main class="container">
        <button onclick="clickEnBotonConsole();" class="button">Console</button>
        <button onclick="clickEnBotonAlert();" class="button">Alert</button>
        <button onclick="clickEnBotonPrompt();" class="button">Prompt</button>
        <button onclick="clickEnBotonSuma();" class="button">Suma</button>
    </main>

y...

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

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

function clickEnBotonPrompt() {
    let ciudad = prompt('Ingrese una ciudad.');
    console.log(`Estuve en ${ciudad} y me acordé de ti`);
}

function clickEnBotonAlert() {
    alert('Yo amo JS  ;-)');
}

function clickEnBotonSuma() {
    //Uso "parseInt" para pasar el String del prompt a entero y poder hacer la suma.
    let numero1 = parseInt(prompt('Ingrese el primer número a sumar'));
    let numero2 = parseInt(prompt('Ingrese el segundo número a sumar'));
    let resultadoSuma = numero1 + numero2;
    alert(`El resultado de ${numero1} + ${numero2} es ${resultadoSuma} .`);
}

Alguien lo hizo distinto?

3 respuestas
por Juan Sebastian Lopez Urbano
| 28.5k xp | 1 posts
Estudiante

Holaa!!

Yo lo hice de la siguiente manera:

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

// Funcion flecha, no ocupa tantas lineas de codigo
const botonClick1 = () => console.log('El botón fue clicado');

// Funcion tradicional
function botonClick2(){
    let nombreCiudad = prompt('Escribe alguna ciudad de Brasil');
    alert(`Estuve en ${nombreCiudad} y me acorde de ti`);
}

const botonClick3 = () => alert('Yo amo JS');

function botonClick4(){
    let num1 = prompt('Digita un numero');
    let num2 = prompt('Digita otro numero');
    alert(`La suma de tus numeros digitados es: ${parseInt(num1) + parseInt(num2)}`);
}

:D

por Juan Pablo Gordillo Ariza
| 56.5k xp | 5 posts

Mi solución: 

<!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="btnConsole();" class="button">Console</button>
        <button onclick="btnAlert();" class="button">Alert</button>
        <button onclick="btnPrompt();" class="button">Prompt</button>
        <button onclick="btnSuma();" class="button">Suma</button>
    </main>

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

let txtTitulo = document.querySelector("h1");
txtTitulo.innerHTML = "Hora del desafio";

function btnConsole(){
    console.log("El boton fue clicado.");
}

function btnPrompt(){
    let ciudad = prompt("Nombre de una cidudad de brasil:");
    alert("Estuve en " + ciudad + " y me acorde de ti.");
}

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

function btnSuma(){
    let num1 = parseInt(prompt("Numero 1"));
    let num2 = parseInt(prompt("Numero 2"));
    let resultado = num1 + num2;
    alert("Resultado: " + resultado);
}
por Irwin Cortés Ledesma
| 29.1k xp | 5 posts

Los ejercicios los resolví así:

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="botonConsola();" class="button">Console</button>
        <button onclick="botonAlert();" class="button">Alert</button>
        <button onclick="botonPrompt();" class="button">Prompt</button>
        <button onclick="botonSuma();" class="button">Suma</button>
    </main>

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

JS

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

function botonConsola(){
    console.log('el botón fue clicado');
}

function botonPrompt(){
    let ciudad = prompt('escribe el nombre de una ciudad de Brasil');

    alert(`Estuve en ${ciudad} y me acordé de ti`);
}

function botonAlert(){
    alert('Yo amo js');
}

function botonSuma(){
    let numero1 = parseInt(prompt('escribe un número'));
    let numero2 = parseInt(prompt('escribe otro número'));
    let resultado = numero1 + numero2;
    alert(`la suma de ${numero1} + ${numero2} es igual a ${resultado}`);
}