Solucionado (ver solução)
Solucionado
(ver solução)
6
respostas

Desafio 1 - Interagindo com HTML

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

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

function clickConsole(){
    console.log('O botão 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.

function clickAlert(){
    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ê.

function clickPrompt(){
    let cidade = prompt('Digite o nome de uma cidade do Brasil');

    if (cidade){
        alert(`Estive em ${cidade} e lembrei de você.`);
    }
}

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

function clickSoma(){
    let num1 = parseInt(prompt('Digite um número inteiro'));
    let num2 = parseInt(prompt('Digite outro número inteiro')); 

    if(num1 && num2){
        let soma = num1 + num2;
        alert(`A soma entre ${num1} e ${num2} é igual a ${soma}`);
    }
}
6 respostas
solução!

obrigado por compartilhar

Grata =)

No item 4, gostei da observação de adicionar um if(cidade) para validar se o usuário digitou algum nome mesmo. Parabéns!

Valeu, Paulo! =D Eu tinha observado que mesmo que não digitasse nada e enviasse a resposta vazia, ainda aparecia um alerta - só que sem o nome da cidade definido. Utilizando "if(cidade), se não adicionar nenhum valor, a janela fecha.

Muito Bom!

Valeuu, Marcelino!! =D