[Projeto] Curso N° 2 Desafio N° 1 | Lógica de programação: explore funções e listas

Curso N° 2 Desafio N° 1

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.css">
    <title>Document</title>
</head>
<body>
    <header>
        <h1></h1>
    </header>
    <main class="container">
        <button onclick="botaoConsole()" class="button">Console</button>
        <button onclick="botaoAlert()" class="button">Alert</button>
        <button onclick="botaoPrompt()" class="button">Prompt</button>
        <button onclick="botaoSoma()" class="button">Soma</button>
    </main>

Codigo JS

/* Curso de Logica de Programação 2  */
/* Desafio da Aula Nº 1 */

// Declaração de Variaveis //
let tituloJogo = document.querySelector('h1');
let nomeCidade;
let valor1Soma;
let valor2Soma;

// Asiganção de variveis//
tituloJogo.innerHTML = 'Hora do Desafio';

// Funções dos botôes//
function botaoConsole() {
    console.log('O botão foi clicado');
}

function botaoAlert() {
    alert('Eu amo JS');
}

function botaoPrompt() {
    nomeCidade = prompt('Momee uma cidade do Brasil');
    alert(`Estive em ${nomeCidade} e lembrei de você`);   
}

function botaoSoma() {
    valor1Soma = prompt('Primeiro Valor da Soma');
    valor2Soma = prompt('Segundo Valor da Soma');
    let resultadoSoma = parseInt(valor1Soma) + parseInt(valor2Soma);
    alert(`A soma de ${valor1Soma}  e  ${valor2Soma} é  igual  a  ${resultadoSoma}.`);  
}