Entrar Ainda não tem acesso?

Importante

Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!

1
resposta

Resposta Desafio!

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 GABRIEL BENTO DE CARVALHO
| 4.3k xp | 6 posts
Estudante

HTML

        <button onclick="consoleClick()" class="button">Console</button>
        <button onclick="alertClick()" class="button">Alert</button>
        <button onclick="promptClick()" class="button">Prompt</button>
        <button onclick="somaClick()" class="button">Soma</button>

JAVASCRIPT

let tituloTexto = document.querySelector('h1');
tituloTexto.innerHTML = 'Hora do Desafio';

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

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

function promptClick() {
    let cidade = prompt('Fale o nome de uma cidade:');
    alert(`Estive em ${cidade} e lembrei de você!`);
}

function somaClick() {
    let numeroInteiroUm = parseInt(prompt('Digite um número:'));
    let numeroInteiroDois = parseInt(prompt('Digite outro número:'));
    let resultado = numeroInteiroUm + numeroInteiroDois;
    alert(`O resultado da soma de ${numeroInteiroUm} e ${numeroInteiroDois} é ${resultado}.`);
}
1 resposta
por Armano Barros Alves Junior
| 5732.8k xp | 12199 posts
Alura Scuba Team Analista de Suporte Educacional II

Oi, Gabriel! Como vai?

Analisando sua solução, é possível notar que você compreendeu bem os conceitos fundamentais do JavaScript. O uso do onclick para conectar cada button à sua respectiva function está correto e bem organizado. As funções consoleClick, alertClick, promptClick e somaClick foram nomeadas de forma descritiva, o que facilita muito a leitura e a manutenção do código.

O ponto de maior destaque fica na função somaClick, em que você utiliza let numeroInteiroUm e let numeroInteiroDois combinados com parseInt para garantir que os valores capturados pelo prompt sejam tratados como números inteiros antes de calcular o resultado. Isso demonstra atenção aos detalhes e evita o problema clássico de concatenação de strings no lugar da soma esperada. A função alertClick também cumpre seu papel de forma clara, assim como o uso do console na função consoleClick para registrar informações durante o desenvolvimento.

Ainda sobre a variável cidade utilizada na função promptClick, perceba como a template string torna a mensagem do alert mais dinâmica e personalizada. Esse recurso é muito valioso no dia a dia do desenvolvimento.

Uma dica valiosa para os próximos passos é validar os dados antes de realizar operações. Veja este exemplo prático:


let numero = parseInt(prompt('Digite um numero:'));

if (isNaN(numero)) {
    alert('Digite um numero valido');
} else {
    console.log(numero);
}

Nesse trecho, o console registra o valor apenas se a entrada for realmente um número, e o alert avisa o usuário quando o dado informado for inválido. Aplicar essa lógica nas funções do seu desafio tornaria o código ainda mais robusto e preparado para situações reais de uso.

Continue explorando as possibilidades do JavaScript com essa mesma curiosidade e determinação. Cada desafio resolvido é um passo concreto na sua evolução como desenvolvedor.

Você já pensou em como poderia adaptar a função somaClick para lidar com mais de dois números, generalizando o cálculo do resultado para qualquer quantidade de entradas?

Alura Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!
Conteúdos relacionados
Entenda a diferença entre var, let e const no JavaScript
O que é if em JavaScript? Aprendendo a usar if e if else em JS

Tópicos relacionados

Mostrar mais tópicos Mostrar menos tópicos

Conteúdos Alura com o tema

Trilhas por carreira

Carreiras de IA

Carreiras de Dados

Carreiras de Cyber

Carreiras de DevOps & Cloud

Carreiras de UX & UI

Carreiras de Mobile & Front-End

Carreiras de Back-End

Carreiras de Negócios

Cursos universitários FIAP

Graduação | Pós-graduação | MBA