1
resposta

[Projeto] Primeiros desafios com funções.

Boa tarde, time! Espero que estejam bem.

Segue minhas resoluções para os primeiros desafios desse módulo:

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';

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

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 botão foi clicado.');
}

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

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

function botaoAlerta() {
    alert('Eu amo JavaScript!');
}

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

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('Você mora em qual cidade?');
    if (cidade === null) {
        alert('Ação cancelada.');
        return;
    }
    while (cidade.trim() === '') {
        alert('O campo está vazio.');
        cidade = prompt('Você mora em qual cidade?');
        if (cidade === null) {
            alert('Ação cancelada.');
            return;
        }
    }
    cidade = cidade.trim();
    alert(`Estive em ${cidade} e lembrei de você!`);
}

Insira aqui a descrição dessa imagem para ajudar na acessibilidade
Insira aqui a descrição dessa imagem para ajudar na acessibilidade

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

function botaoSoma() {
    let valor1 = prompt('Digite o primeiro valor:');
    if (valor1 === null) {
        alert('Ação cancelada.');
        return;
    }
    while (valor1.trim() === '' || isNaN(Number.parseInt(valor1))) {
        alert('O campo está vazio ou o valor é inválido. Por favor, digite apenas números.');
        valor1 = prompt('Digite o primeiro valor:');
        if (valor1 === null) {
            alert('Ação cancelada.');
            return;
        }
    }
    let parcela1 = Number.parseInt(valor1);

    let valor2 = prompt('Digite o segundo valor:');
    if (valor2 === null) {
        alert('Ação cancelada.');
        return;
    }
    while (valor2.trim() === '' || isNaN(Number.parseInt(valor2))) {
        alert('O campo está vazio ou o valor é inválido. Por favor, digite apenas números.');
        valor2 = prompt('Digite o segundo valor:');
        if (valor2 === null) {
            alert('Ação cancelada.');
            return;
        }
    }
    let parcela2 = Number.parseInt(valor2);

    let soma = parcela1 + parcela2;
    alert(`A soma de ${parcela1} e ${parcela2} é igual a ${soma}.`);
}

Insira aqui a descrição dessa imagem para ajudar na acessibilidade
Insira aqui a descrição dessa imagem para ajudar na acessibilidade
Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Nesses dois últimos, como envolvem diretamente interação com o usuário, pratiquei aplicar algumas validações utilizando majoritariamente recursos que aprendemos nas aulas e alguns outros que pesquisei sozinho (como o return).

1 resposta

Coisa boa! Isso ai!