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
2
respuestas

lógica de programación, desafío 1

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 Carlos Alberto Gonzalez Velandia
| 11.6k xp | 10 posts

//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 Desafío");

//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 presionBoton1 (){
console.log ("El botón 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 presionBoton3 () {
let ciudad = prompt ("¿Qué ciudad de Brasil conoce?");
alert (Estuve en" ${ciudad} "y me acordé 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 presionBoton2 () {
alert ("Yo 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 presionBoton4 (){
let numero1 = parseInt(prompt("Por favor digite un número"));
let numero2 = parseInt(prompt("Por favor digite otro número"));
let suma = numero1 + numero2;
alert (La suma de ${numero1} + ${numero2} es igual a ${suma}.);
};

2 respuestas
por Javier More
| 29.7k xp | 45 posts
Analista financiero

Hola, gracias por compartir tu código, el mío quedó así, tras varios minutos de prueba y error:

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

//3 alerta click en console
function Consola() {
    console.log('El botón fue clicado');
}

//4 NOMBRE DE CIUDAD DE BRASIL
function NombreCiudad() {
    const Ciudad = prompt('ingresa una ciudad de Brasil:')
    alert(`estuve en ${Ciudad} y me acordé de ti`);
}

//5. alerta amo JS
function alertas() {
    alert('Yo amo JS');
}

//6. boton suma
function SumarNumeros() {
    const num1=parseFloat(prompt('ingresa el primer número:'));
    const num2=parseFloat(prompt('ingresa el segundo número:'));
    const resultado = num1+num2;
    alert (`el resultado de la suma es ${resultado}`);
}

y el HTML quedó así: 

 <h1></h1>
    </header>
    <main class="container">
        <button onclick="Consola()" class="button">Console</button>
        <button onclick="alertas()" class="button">Alert</button>
        <button onclick="NombreCiudad()" class="button">Prompt</button>
        <button onclick="SumarNumeros()" class="button">Suma</button>
    </main>
por Carlos Alberto Gonzalez Velandia
| 11.6k xp | 10 posts

Hola javier, gracias por compartir tu código, no conocia parseFloat; lo utilizare en futuros ejercicios.