Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Solucionado (ver solución)
Solucionado
(ver solución)
2
respuestas

[Proyecto] Lógica de Programación 2 - 1.Interactuando con HTML Aula1 : Desafio: Hora de Practicar

Buena tarde a tod@s ! Adjunto codigo realizado para el desafio Lógica de Programación 2 - 1.Interactuando con HTML. Espero sea de ayuda para otros compañeros, y si hay algun comentario estoy atenta, Muchas Gracias

/*
//==========================================================================================================
//Lógica de programación: explorar funciones y listas `
//01. Interactuando con HTML
//DESAFIO: Hora de Practicar
//==========================================================================================================
*/
//ACTIVIDAD 1: Descarga otro proyecto haciendo clic en este enlace y ábrelo en Visual Studio Code.
//OK
//ACTIVIDAD 2: Cambia el contenido de la etiqueta h1 con document.querySelector y asigna el siguiente texto: "Hora del Desafío".
//En el app.js
let titulo = document.querySelector('h1'); // Objeto

titulo.innerHTML = 'Hora del Desafío';   //poner texto al titulo 
//ACTIVIDAD 3: Crea una función que muestre en la consola el mensaje "El botón fue clicado" siempre que se presione el botón "Console".
//En index.html
 //antes:       <button onclick="" class="button">Console</button>
 //despues:  <button onclick="clickBotonConsola();" class="button">Console</button>

//En el app.js
function clickBotonConsola(){
        console.log('El botón fue clicado');
}
//ACTIVIDAD 4: 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".
//En index.html
 //antes:       <button onclick="" class="button">Alert</button>
 //despues:     <button onclick="clickBotonPrompt();" class="button">Alert</button>

//En el app.js
function clickBotonPrompt(){
    let ciudadBrasil = prompt('Ingresa el nombre de una ciudad de Brasil:');
    alert(`Estuve en ${ciudadBrasil} y me acordé de ti`);
}
//ACTIVIDAD 5: Crea una función que muestre una alerta con el mensaje: "Yo amo JS" siempre que se presione el botón "Alerta".
//En index.html
 //antes:       <button onclick="" class="button">Alert</button>
 //despues:     <button onclick="clickBotonAlerta();" class="button">Alert</button>


//En el app.js
function clickBotonAlerta(){
    alert('Yo amo JS');
}
//ACTIVIDAD 6: Al hacer clic en el botón "suma", pide 2 números y muestra el resultado de la suma en una alerta.
//En index.html
 //antes:       <button onclick="" class="button">Suma</button>
 //despues:     <button onclick="clickBotonSuma();" class="button">Suma</button>

//En el app.js
function clickBotonSuma(){
        
    let numero1 = parseInt(prompt('Ingresa Valor Número # 1 :')) ;
    let numero2 = parseInt(prompt('Ingresa Valor Número # 2 :')) ; 

    let resultado = numero1 + numero2;
    
    alert(`La suma de ${numero1} + ${numero2} es igual a ${resultado}.`);
}
2 respuestas

Esta todo bien dividido y organizado realmente esta muy bien

solución!

Muchas gracias Lenin Alexander por tu comentario.