Entrar Ainda não tem acesso?
2
respostas

[Projeto] Resolução do 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 Volpato
| 18.2k xp | 1 posts

let titulo = document.querySelector('h1');
titulo.innerHTML = 'Hora do desafio';

function botaoConsole() {
console.log('Clicou no botão');
}

function botaoAlerta() {
alert('Eu amo js');
}
function botaoPrompt() {
let cidade = prompt('Qual é a sua cidade?');
alert(Estive em ${cidade} e lembrei de você!);
}
function botaoSoma() {
let numero1 = prompt('Digite o primeiro número:');
let numero2 = prompt('Digite o segundo número:');
let soma = parseFloat(numero1) + parseFloat(numero2);
alert(A soma dos números é: ${soma});
}

2 respostas
por Armano Barros Alves Junior
| 5645.7k xp | 12000 posts
Alura Scuba Team Analista de Suporte Educacional II

Oi, Gabriel! Como vai?

Você organizou muito bem as funções para cada botão e também a soma com parseFloat(), porque isso mostra um bom cuidado ao tratar os valores digitados. Do jeito que você explicou, o ponto que merece ajuste está nas mensagens com ${cidade} e ${soma}, porque para a interpolação funcionar é preciso usar crases em vez de aspas comuns.

Uma dica interessante para o futuro é usar Number() quando quiser converter entradas numéricas de forma direta. Veja este exemplo:


function somarNumeros() {
  let numero1 = Number(prompt('Digite o primeiro numero:'));
  let numero2 = Number(prompt('Digite o segundo numero:'));
  let soma = numero1 + numero2;
  alert(`A soma dos numeros e: ${soma}`);
}

Neste código, Number() converte o valor digitado para número e depois a variável soma guarda o resultado para exibir no alert().

Alura Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!
por Joab da Cruz Araujo Muniz
| 6.9k xp | 1 posts

Essa foi a minha resolução, mas lembre-se de adicionar os nomes das funções também no html ;)

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

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

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

function botaoPrompt() {
let cidade = prompt('Diga uma cidade do Brasil');
alert(Estive em ${cidade} e lembrei de você);
}

function botaoSoma() {
let numero1 = prompt('Digite um número');
let numero2 = prompt('Digite outro número');
let soma = Number(numero1) + Number(numero2);
alert(A soma de ${numero1} e ${numero2} é ${soma});
}

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