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] Desafio Hora de practicar: Logica de Programación

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

function clickBotonConsole(){
    alert('El botón fue clicado');

};

function clickBotonPrompt (){
    let ciudadBrasil = prompt("Indicame una ciudad de Brasil:");
    alert('Estuve en ' +ciudadBrasil+ ' y me acorde de ti');
};

function clickBotonAlerta(){
    alert('Yo amo JS');
}

function clickBotonSuma(){
    let valor1 = parseInt(prompt("Me podrias indicar un número?"));
    let valor2 = parseInt(prompt("Ahora indicame un segundo numero"));
    let resultado = valor1 + valor2;
    alert('La suma de ambos números es: '+resultado);
};
<!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="clickBotonConsole();" class="button">Console</button>
        <button onclick="clickBotonAlerta();" class="button">Alert</button>
        <button onclick="clickBotonPrompt();" class="button">Prompt</button>
        <button onclick="clickBotonSuma();" class="button">Suma</button>
    </main>

      <script src="app.js"></script>
</body>
</html>
header {
    text-align: center;
    font-size: 30px;
    color: #279EFF;
  }
  
  main, html {
    margin: 0;
    padding: 0;
    height: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #0C356A;
  }
  
  .container {
    text-align: center;
    color: #279EFF;
  }
  
  .button {
    padding: 10px 20px;
    margin: 10px;
    font-size: 24px;
    border: none;
    background-color: #3498db;
    cursor: pointer;
    border-radius: 5px;
  }
  
  .button:hover {
    background-color: #2980b9;
  }
2 respuestas

Hola, Andreina,

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!
solución!

Hola Evelin, Muchas Gracias !!