Entrar Ainda não tem acesso?
3
respostas

[Projeto] 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 Zac Freitas
| 2.4k xp | 1 posts
let titulo = document.querySelector('h1');
titulo.innerHTML = 'Hora do Desafio';

function exibirMensagemNoConsole() {
    console.log('O botão foi clicado');
}

function Alerta() {
    console.log('Eu amo JS');
}

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

}

function Somando() {
    let NumeroUm = parseInt(prompt('Digite o primeiro número'));
    let NumeroDois = parseInt (prompt('Digite o segundo número'));
    let ResultadoSoma = NumeroUm + NumeroDois;
    alert (`O resultado de ${NumeroUm} + ${NumeroDois} é ${ResultadoSoma}`);
}

<!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="exibirMensagemNoConsole()" class="button">Console</button>
        <button onclick="Alerta()" class="button">Alert</button>
        <button onclick="Prompt()" class="button">Prompt</button>
        <button onclick="Somando()" class="button">Soma</button>
    </main>

      <script src="app.js"></script>
</body>
</html>
3 respostas
por Renan Lima
| 4091.7k xp | 8715 posts
Alura Scuba Team Apoio Educacional - Alura

Olá, Zac. Tudo bem?

Muito obrigado por compartilhar o seu código aqui com a gente. Parabéns pelo trabalho. Continue com essa dedicação.

Ótimo como você organizou as funções para interagir com o usuário. A estrutura do código está clara e facilita a leitura.

Para melhorar a convenção de nomes das funções, é recomendado usar a primeira letra minúscula, como em alerta() e promptCidade(). Isso segue o padrão camelCase do JavaScript. Veja este exemplo: 


function somarNumeros() {
    let num1 = parseInt(prompt("Digite um número:"));
    let num2 = parseInt(prompt("Digite outro número:"));
    alert(`A soma é ${num1 + num2}`);
}

Esse ajuste ajuda a manter a padronização do código e facilita a manutenção.

  Alura   Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!
por Carlos Eduardo Maciel de Souza
| 2.5k xp | 1 posts

Porque eu tenho que colocar o parseInt? Quando eu fiz sem colocar o parseInt no lugar de somar os números o programa apenas juntava: 1 + 1 ele falava que era 11.

por Renan Lima
| 4091.7k xp | 8715 posts
Alura Scuba Team Apoio Educacional - Alura

Olá, Carlos!

Sobre sua dúvida, isso acontece porque o prompt retorna um valor do tipo string (texto). Quando você usa o operador + entre duas strings, o JavaScript as concatena em vez de somar.

Veja um exemplo sem parseInt:


let numero1 = prompt("Digite um número:");
let numero2 = prompt("Digite outro número:");
alert(`O resultado é: ${numero1 + numero2}`);

Se você digitar 1 e 1, a saída será "11" (concatenação).

Para somar corretamente, precisamos converter as entradas para número usando parseInt() ou Number():


let numero1 = parseInt(prompt("Digite um número:"));
let numero2 = parseInt(prompt("Digite outro número:"));
alert(`O resultado é: ${numero1 + numero2}`);

Agora, ao digitar 1 e 1, a saída será 2.

Se precisar lidar com números decimais, use parseFloat() em vez de parseInt().

Fico à disposição. Abraços e bons estudos.