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';
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.');
}
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!');
}
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ê!`);
}
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}.`);
}
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).