Desafio: hora da prática | Lógica de programação: explore funções e listas

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="verificarCliqueConsole()" class="button">Console</button>
        <button onclick="exibirAlerta()" class="button">Alert</button>
        <button onclick="exibirPrompt()" class="button">Prompt</button>
        <button onclick="somarNumeros()" class="button">Soma</button>
    </main>

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

javaScript

//Variável que armazena o titulo "seleciona" o h1 no HTML e insere o titulo
let titulo = document.querySelector('h1');
titulo.innerHTML = 'Hora do desario';

//Função para verificar o clique no botão console e retornar log
function verificarCliqueConsole(){
    console.log('O botão console foi acionado');
}

//Função para exibir um alerta 
function exibirAlerta() {
    alert('Eu amo JavaScript')
    console.log('O botão alerta foi acionado');
}

//Função para exibir um prompt 
function exibirPrompt() {
    let nomeCidade = prompt('Digite o nome de uma cidade do Brasil!');
    console.log('O botão prompt foi acionado');
    alert(`Estive em ${nomeCidade} e lembrei de você`);
    
}

//Função para exibir dois prompt's sendo um para digitar o 1° número e outro o 2? número (forçando a ser número inteiro parseInt)
//+ alerta realizando a soma dos dois números escolhidos 
function somarNumeros() {
    let numero1 = parseInt(prompt('Digite o primeiro número:'));
    let numero2 = parseInt(prompt('Digite o segundo número:'));
    let soma = numero1 + numero2;

    alert(`O resultado de ${numero1} + ${numero2} é igual a: ${soma}`);
    console.log('O botão soma foi acionado');
}