[Proyecto] Sugerencia de Resolución Desafio | Lógica de programación: explorar funciones y listas | Alura Latam

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="clickOn();" class="button">Console</button>
        <button onclick="alerta();" class="button">Alert</button>
        <button onclick="cityBrasil();" class="button">Prompt</button>
        <button onclick="operacionMath();" class="button">Suma</button>
    </main>

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

JavaScript

//variables
let tittulo = document.querySelector('h1');

//Cambio de titulo
tittulo.innerHTML = 'Hora del Desafio';

//Funciones:
// Boton consola
function clickOn () {
    console.log ('El boton fue clicado');
}

// Boton prompt 
function cityBrasil(){

    // Solicita Ciudad al usuario
    let Ciudad = prompt('Escribe una ciudad en Brasil:'); 
    // Mensaje
    alert (`Estuve en ${Ciudad} y me acorede de ti`);
}

// Mensaje Alert
function alerta(){

    //Mensaje
    alert ('Yo amo JS');
}

// Operacion Math
function operacionMath(){

    // Solicitar numeros a usuario
    let numeroA = parseInt(prompt('Escribe primer digito:'));
    let numeroB = parseInt(prompt('Escribe primer digito:'));
    // Resultado y alerta
    let resultado = numeroA + numeroB;
    alert (`La suma de ${numeroA} y ${numeroB} es: ${resultado}`);

}