1
resposta

[Sugestão] DESAFIO 01

Código com comentários para ajudar a entender:

1 - Altere o conteúdo da tag h1 com document.querySelector e atribua o seguinte texto: Hora do Desafio.

// Seleciona o elemento <h1> na página HTML
titulo = document.querySelector('h1');

// Altera o conteúdo do elemento <h1> para 'Hora do desafio'
titulo.innerHTML = 'Hora do desafio';

2 - Crie uma função que exiba no console a mensagem O botão foi clicado sempre que o botão Console for pressionado.

// Função que imprime uma mensagem no console quando o botão 'console' é clicado
function cliqueConsole() {
    console.log('Botão console foi clicado');
}

3 - Crie uma função que exiba um alerta com a mensagem: Eu amo JS, sempre que o botão Alerta for pressionado.

// Função que exibe um alerta com a mensagem 'Eu amo Js' quando o botão 'alert' é clicado
function cliqueArlet() {
    alert('Eu amo Js');
}

4 - 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ê.

// Função que solicita ao usuário o nome de uma cidade e exibe um alerta com uma mensagem personalizada
function cliquePrompt() {
    // Solicita ao usuário o nome de uma cidade e armazena o valor na variável 'cidade'
    let cidade = prompt('Digite o nome de uma cidade:');
    // Exibe um alerta com uma mensagem personalizada contendo o nome da cidade digitada pelo usuário
    alert(`Estive em ${cidade} e lembrei de você`);
}

5 - Ao clicar no botão soma, peça 2 números e exiba o resultado da soma em um alerta.

// Função que solicita dois números ao usuário, realiza a soma e exibe o resultado em um alerta
function cliqueSoma() {
    // Solicita ao usuário dois números e armazena os valores nas variáveis 'numero1' e 'numero2'
    let numero1 = prompt('Digite um número');
    let numero2 = prompt('Digite outro número');
    
    // Converte os valores obtidos dos prompts para números inteiros usando parseInt()
    numero1 = parseInt(numero1);
    numero2 = parseInt(numero2);

    // Calcula a soma dos dois números
    let soma = numero1 + numero2;
    // Exibe um alerta com a soma dos números informados pelo usuário
    alert(`A soma de ${numero1} + ${numero2} é ${soma}`);
}
1 resposta

Olá Francisco, tudo bem com você?

Obrigado por compartilhar seu resultado com a comunidade. Quanto ao uso dos comentários, principalmente quando estamos conhecendo alguma linguagem de programação, eles servem como guias que nos ajudam a entender o propósito de cada trecho de código e as decisões por trás de sua implementação. Além disso, vale ressaltar que os comentários não apenas beneficiam você, mas também outros desenvolvedores que trabalhem no mesmo código no futuro. Eles facilitam a compreensão e a manutenção do código, tornando-o mais acessível e amigável para todos.

Conte com o apoio do Fórum na sua jornada. Abraços e bons estudos!