1
resposta

[Projeto] Desafio aprendendo a usar JS para alterações no HTML

Abaixo está meu código do desafio, aceito dicas para melhorar meu código.


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

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

function menssagemEuAmoJS() {
    alert('Eu amo JS.');
}

function cidadeDoBrasil() {
    let Cidade = prompt('Digite o nome de uma cidade do Brasil.');
    alert(`Estive em ${Cidade} e lembrei de você.`);
}

function somaDeNumeros() {
    let numero1 = prompt('digite um numero.');
    numero1 = Number(numero1);
    let numero2 = prompt('digite outro numero.');
    numero2 = Number(numero2);
    let resultado = numero1 + numero2;
    alert(`A soma de ${numero1} + ${numero2} é: ${resultado}. `);
}

desde já, obrigado.

1 resposta

Oii, Vanderson.

Obrigada por compartilhar.

Seu código ficou muito organizado e funcional. Você aplicou super bem a manipulação do DOM com document.querySelector() e também as funções para interação com prompt, alert e console.log(). Isso já mostra uma ótima compreensão dos fundamentos do JavaScript.

Uma dica interessante para o futuro é sempre validar se o que o usuário digitou é realmente um número antes de fazer a soma. Isso ajuda a evitar erros se a pessoa deixar o campo vazio ou escrever texto.


function somaDeNumeros() {
    let numero1 = Number(prompt('Digite um numero.'));
    let numero2 = Number(prompt('Digite outro numero.'));

    if(isNaN(numero1) || isNaN(numero2)) {
        alert('Por favor, digite numeros validos.');
    } else {
        let resultado = numero1 + numero2;
        alert('A soma de ' + numero1 + ' + ' + numero2 + ' e: ' + resultado);
    }
}
somaDeNumeros();

Assim, seu código fica preparado para situações inesperadas.

Conteúdos relacionados
Alura Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!