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

Desafío #1: Hora de practicar - Lógica de programación: explorar funciones y listas

Desafíos

  1. Descarga otro proyecto haciendo clic en este enlace y ábrelo en Visual Studio Code.
  2. Cambia el contenido de la etiqueta h1 con document.querySelector y asigna el siguiente texto: "Hora del Desafío".
  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".
  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".
  5. Crea una función que muestre una alerta con el mensaje: "Yo amo JS" siempre que se presione el botón "Alerta".
  6. Al hacer clic en el botón "suma", pide 2 números y muestra el resultado de la suma en una alerta.

Código 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="botonConsole();" 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>

Código JavaScript

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

function botonConsole(){
    console.log("El botón fue clicado");
}

function botonPrompt(){
    let ciudadBrasil = prompt("Digite un ciudad de Brasil:");
    console.log(`Estuve en ${ciudadBrasil} y me acordé de ti`);
}

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

function botonSuma(){
    let numero1 = parseInt(prompt("Digite un primer número:"));
    let numero2 = parseInt(prompt("Digite un segundo número:"));
    let suma = numero1 + numero2;
    alert(`La suma entre ${numero1} y ${numero2} es ${suma}`);
}
1 respuesta

Hola, Jeremy, ¡espero que estés bien!

Gracias por compartir tu experiencia con nosotros. Recuerda que estamos aquí para ayudarte. Si necesitas más ayuda, no dudes en buscarnos en el foro.

¡Gracias nuevamente!

Saludos,

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