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}`);
};
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
.=>
): 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 = () = > ...
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}`);
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!