Desafio: hora da prática (JS) | Lógica de programação: explore funções e listas

// Altere o conteúdo da tag h1 com document.querySelector e atribua o seguinte texto: Hora do Desafio. let titulo = document.querySelector('h1'); titulo.innerHTML = 'Hora do Desafio!'; // Crie uma função que exiba no console a mensagem O botão foi clicado sempre que o botão Console for pressionado. function clicouBotaoConsole () { console.log('O botão foi clicado.'); } // Crie uma função que exiba um alerta com a mensagem: Eu amo JS, sempre que o botão Alerta for pressionado. function exibirAlerta () { alert('Eu amo JS.'); } // Crie uma função que é executada quando o botão prompt é clicado, perguntando o nome de uma cidade do Brasil. Em seguida, exiba um alerta com a mensagem concatenando a resposta com o texto: Estive em {cidade} e lembrei de você. function sobreCidade () { let nomeCidade = prompt ('Qual o nome da sua cidade?'); alert(`Estive em ${nomeCidade} e lembrei de você`); } // Ao clicar no botão soma, peça 2 números inteiros e exiba o resultado da soma em um alerta. function clicouBotaoSoma () { let primeiroNumeroInteiro = parseInt(prompt('Insira o primeiro número inteiro abaixo: ')); let segundoNumeroInteiro = parseInt(prompt('Insira o segundo número inteiro abaixo: ')); let soma = primeiroNumeroInteiro + segundoNumeroInteiro; alert(`O resultado de sua soma é: ${soma}`); }

Olá Telma! Como vai?

Parabéns por ter cumprido o desafio!

Seu código está bem organizado e atende aos requisitos propostos. Aqui estão algumas sugestões de melhorias que você pode considerar:

Verificação de Entrada de Dados: Para a função de soma, você pode adicionar uma verificação para garantir que o usuário insira números válidos. Caso contrário, você pode exibir um alerta informando que a entrada não é válida.

function clicouBotaoSoma() {
    let primeiroNumeroInteiro = parseInt(prompt('Insira o primeiro número inteiro abaixo: '));
    let segundoNumeroInteiro = parseInt(prompt('Insira o segundo número inteiro abaixo: '));
    
    if (isNaN(primeiroNumeroInteiro) || isNaN(segundoNumeroInteiro)) {
        alert('Por favor, insira números inteiros válidos.');
    } else {
        let soma = primeiroNumeroInteiro + segundoNumeroInteiro;
        alert(`O resultado de sua soma é: ${soma}`);
    }
}

Uso de textContent em vez de innerHTML: Quando você está apenas alterando o texto de um elemento e não precisa adicionar HTML, é mais seguro usar textContent em vez de innerHTML. Isso ajuda a evitar possíveis problemas de segurança relacionados à inserção de HTML.
```
let titulo = document.querySelector('h1');
titulo.textContent = 'Hora do Desafio!';
```

Organização e Comentários: Adicionar comentários ao seu código pode ajudar na compreensão, especialmente se você ou outra pessoa precisar revisá-lo no futuro.

// Função para alterar o título
let titulo = document.querySelector('h1');
titulo.textContent = 'Hora do Desafio!';

// Função para exibir mensagem no console
function clicouBotaoConsole() {
    console.log('O botão foi clicado.');
}

Essas são apenas algumas sugestões para tornar seu código ainda mais robusto e fácil de manter.

Espero ter ajudado e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓.