Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

08 Desafío: Hora de practicar

Hola compañeros, comparto mi solución al desafío de la clase 01 Interactuando con HTML, espero pueda servirles de algo.

Para el HTML:

<body>
    <header>
        <h1></h1>
    </header>
    <main class="container">
        <button onclick="clickConsole();" class="button">Console</button>
        <button onclick="clickAlerta();" class="button">Alert</button>
        <button onclick="clickPrompt();" class="button">Prompt</button>
        <button onclick="clickSuma();" class="button">Suma</button>
    </main>

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

Para el JavaScript:

//Primer punto 
/* Descarga otro proyecto haciendo clic en este enlace y ábrelo en Visual Studio Code */

//Segundo punto
/* 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";

//Tercer punto
/* 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 clickConsole() {
    console.log("El botón 'Console' fue clickeado");
}

//Cuarto punto
/* 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 clickPrompt() {
    let ciudad = prompt("Indica el nombre de una ciudad de México");
    alert(`Estuve en ${ciudad} y me acordé de ti`);
}

//Quinto punto
/* Crea una función que muestre una alerta con el mensaje: "Yo amo JS" siempre que se presione 
el botón "Alerta" */

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

//Sexto punto
/* Al hacer clic en el botón "suma", pide 2 números y muestra el resultado de la suma en una alerta */

function clickSuma() {

    let numero1 = parseFloat(prompt("Indica el primer número de la suma"));
    let numero2 = parseFloat(prompt("Indica el segundo número de la suma"));
    let suma = 0;

    suma = numero1+numero2;
    alert(`La suma de ${numero1} y ${numero2} es ${suma}`);
}
1 respuesta

¡Estimado estudiante!

Aprecio tu participación en el foro. Quiero recordarte que este espacio está pensado principalmente para aclarar dudas y hacer preguntas. No es necesario compartir cada actividad detalladamente.

¡Gracias por tu comprensión y por contribuir a hacer del foro un lugar enfocado en el intercambio útil y constructivo! Si prefieres discutir o compartir comentarios sobre el contenido te invitamos a unirte a nuestra comunidad en Discord.

Saludos.

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios!