Entrar Ainda não tem acesso?
2
respostas

Desafio: hora da prática

Referente ao curso Lógica de programação: explore funções e listas, no capítulo Interagindo com HTML e atividade Desafio: hora da prática

por Welington Vieira dos Santos
| 7.9k xp | 29 posts
let titulo = document.querySelector("h1");
titulo.innerHTML = "Hora do Desafio";

function verificarConsole(){
    console.log("O Botão foi Clicado!");
}

function verificarAlerta(){
    alert("Eu Amo JS!");
}

function verificarPrompt(){
    let cidade = prompt("Informe o nome de uma cidade do Brasil:");
    alert(`Estive em ${cidade} e lembrei de você.`);
}


function verificarSoma(){
    let num1 = parseInt(prompt("Informe um número:"));
    let num2 = parseInt(prompt("Informe um segundo número:"));
    let soma = num1 + num2;
    alert(`A soma de ${num1} e ${num2} é igual a ${soma}`);
    console.log(soma);
}
2 respostas
por Welington Vieira dos Santos
| 7.9k xp | 29 posts
<!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="verificarConsole()" class="button">Console</button>
        <button onclick="verificarAlerta()" class="button">Alert</button>
        <button onclick="verificarPrompt()" class="button">Prompt</button>
        <button onclick="verificarSoma()" class="button">Soma</button>
    </main>

      <script src="app.js"></script>
</body>
</html>
por Armano Barros Alves Junior
| 4313.5k xp | 9150 posts
Alura Scuba Team

Oi, Welington! Como vai?

Seu código ficou bem organizado e mostra domínio das interações com o HTML e uso de funções em JavaScript. A forma como você usou prompt, alert e console.log facilita a visualização dos resultados e a prática dos conceitos.

Alura Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!