1
resposta

[Projeto] Desafio da Função (Precisa ir separando direitinho se não (else) fica tudo confuso

<!DOCTYPE html>
<html lang="pt-br">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="style.css">
  <title>Hora do Desafio</title>
</head>
<body>
  <h1>Hora do Desafio</h1>

  <button onclick="botaoClicado()" class="button">Console</button>
  <button onclick="euAmoJS()" class="button">Alert</button>
  <button onclick="santos()" class="button">Prompt</button>
  <button onclick="somando(9, 3)" class="button">Soma</button>

  <script>
    // Altera o título da página
    document.querySelector("h1").innerHTML = "Hora do Desafio";

    // Exibe uma mensagem no console
    function botaoClicado() {
      console.log("O botão Console foi clicado!");
    }

    // Exibe um alerta
    function euAmoJS() {
      alert("Eu amo JavaScript!");
    }

    // Solicita um nome via prompt
    function santos() {
      let nome = prompt("Qual é o seu nome?");
      alert("Olá, " + nome + "!");
    }

    // Soma dois números e exibe o resultado
    function somando(a, b) {
      alert("A soma de " + a + " + " + b + " é " + (a + b));
    }
  </script>
</body>
</html>

Garanta sua matrícula hoje e ganhe + 2 meses grátis

Continue sua jornada tech com ainda mais tempo para aprender e evoluir

Quero aproveitar agora
1 resposta

Oi, Camila! Como vai?

Seu projeto ficou bem organizado, e as funções estão separadas de forma clara, o que ajuda muito na leitura do código. Gostei especialmente de como você utilizou alert() e prompt() para tornar a interação mais dinâmica.

Uma dica interessante para o futuro é usar o método console.table() para exibir dados de forma estruturada no console.
Veja este exemplo:


let frutas = ['Maca', 'Banana', 'Uva'];
console.table(frutas);

Esse código cria uma lista chamada frutas e mostra os itens em formato de tabela no console.

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