Desafio: Hora de practicar | Lógica de programación: explorar funciones y listas | Alura Latam

Codigo 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_desafio1.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="suma();" class="button">Suma</button>
    </main>

    <script src="desafio1.js"></script>
</body>

</html>

Código JavaScript:

//Ejercicio 2
let titulo = document.querySelector('h1');

titulo.innerHTML = "Hora del Desafío";

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

//Ejercicio 4
function botonPrompt(){
    let ciudad = prompt("Dime el nombre de una ciudad de Brasil: ");

    alert(`Estuve en ${ciudad} y me acordé de ti`);
}

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

//Ejercicio 6
function suma(){
    let valor1 = parseInt(prompt("ingresa el primer número para la suma: "));
    let valor2 = parseInt(prompt("Ingresa el segundo número para la suma: "));
    let suma = valor1 + valor2;

    alert(`La suma da: ${suma}`);
}