Entrar Ainda não tem acesso?
1
resposta

curso2-aula1

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 Edivoneide Ferreira Silva De Araujo
| 10k xp | 57 posts

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 botaoConsole() {
    console.log('O btã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 botaoAlert() {
    console.log('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 botaoPrompt() {
    let cidade = prompt('Escolha uma cidade do Brasil');
    alert(`Estive em ${cidade} 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.

let num1 = parseInt(prompt('Digite um número: '));
let num2 = parseInt(prompt('Digite o segundo número: '));
function botaoSoma() {
    let resultado = num1 + num2;
    alert(resultado);
}
botaoSoma(num1,num2);
1 resposta
por Renan Lima
| 3093.3k xp | 6500 posts
Instrutor Apoio Educacional - Alura

Olá, Edivoneide.

Tudo bem?

Muito obrigado por compartilhar o seu desafio aqui com a gente. Vamos revisar seu código e fazer alguns ajustes para que tudo funcione conforme esperado.

  1. Alterar o conteúdo da tag h1: Seu código está correto.

  2. Função que exibe mensagem no console ao clicar no botão Console: Aqui, você tem um pequeno erro de digitação na mensagem, o certo seria: "O botão foi clicado". Mas a lógica está correta, no caso a função seria chamada no "onclick" do HTML.

  3. Função que exibe um alerta ao clicar no botão Alerta: A mensagem está sendo exibida no console em vez de um alerta. O código corrigido ficaria assim:

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

  4. Função que pergunta o nome de uma cidade e exibe um alerta: Seu código está correto.

  5. Função que pede dois números inteiros e exibe a soma: Aqui, você está pedindo os números fora da função e chamando a função automaticamente. Vamos corrigir isso para que a função peça os números quando o botão for clicado. Supondo que seu botão tenha o id btnSoma, o código ficaria assim:

    function botaoSoma() {
    let num1 = parseInt(prompt('Digite um número: '));
    let num2 = parseInt(prompt('Digite o segundo número: '));
    let resultado = num1 + num2;
    alert(resultado);
}
document.querySelector('#btnSoma').addEventListener('click', botaoSoma);

Com esses ajustes, seu código deve funcionar corretamente. No geral você fez um ótimo trabalho. Continue assim praticando e evoluindo. Parabéns.

Veja se faz sentido e faça as mudanças.

Espero ter ajudado. Qualquer dúvida manda aqui. Bons estudos.