1
resposta

[Projeto] Desafio 08 aula 01

1 resposta

Fala Matheus!

Achei bem interessante o código que eu ajustaria para ficar um pouco mais 'leve', mas saliento que seu código é totalmente funcional para o desafio sugerido.

Analisando o código, é possível encurtar e otimizar algumas partes, especialmente as funções, mantendo a mesma funcionalidade.

1. Funções Arrow (Arrow Functions): São uma sintaxe mais curta para escrever expressões de função. Elas são ideais para funções de uma única linha.

2. Otimização de Variáveis e Estrutura: Certas declarações podem ser simplificadas.


Vamos aplicar isso ao seu código:

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

const botaoConsole = () => console.log('Botão foi clicado!');

const Alerta = () => console.log('Eu amo JS');

const promptCidade = () => {
  const cidade = prompt('o nome de uma cidade do Brasil.');
  alert(`Estive em ${cidade} e lembrei de você`);
};

const botaoSoma = () => {
  const primeiroNumero = parseInt(prompt('digite primeiro numero'));
  const segundoNumero = parseInt(prompt('digite segundo numero'));
  alert(`${primeiroNumero} + ${segundoNumero} = ${primeiroNumero + segundoNumero}`);
};

Principais Alterações e Justificativas:

  1. let para const : Para variáveis que não serão reatribuídas, const é uma prática recomendada. Isso melhora a segurança e a legibilidade do código.
    • let titulo se tornou const titulo.
  2. Funções Arrow (=>): Substituí as declarações de função tradicionais por funções arrow, que são mais curtas.
    • function botaoConsole() se tornou const botaoConsole = () => ...
    • function Alerta() se tornou const Alerta = () = > ...
  3. Remoção de Variável Desnecessária: Na função botaoSoma, a variável resultado foi eliminada. A soma pode ser feita diretamente dentro do alert, o que economiza uma linha de código.
    • let resultado = primeiroNumero + segundoNumero; foi removido.
    • alert(`${primeiroNumero} + ${segundoNumero} = ${resultado}`); se tornou alert(`${primeiroNumero} + ${segundoNumero} = ${primeiroNumero + segundoNumero}`);
  4. Correção de Nome de Função: A função prompt() sobrescreve a função nativa do JavaScript. Mudei o nome para promptCidade() para evitar conflitos.

Essas mudanças não alteram o funcionamento do código, mas o tornam mais moderno, limpo e fácil de ler para outros desenvolvedores.

E se isso te ajudou de alguma forma e puder marcar como solução, ficarei grato!