1
resposta

[Projeto] Desafio: Hora da pratica! - funções!

Desafios:

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

let tituloSugerido = "Hora do Desafio";
let titulo = document.querySelector(".titulo-principal");
titulo.textContent = tituloSugerido;

Crie uma função que exiba no console a mensagem "O botão foi clicado" sempre que o botão Console for pressionado.
Observação: abrir console no navegador para visualizar o resultado(F12);

let button = document.querySelector(".botao");
button.addEventListener('click', () => {
    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.

let btnAlerta = document.querySelector(".btn-alerta");
function chamaAlerta(){
    alert("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ê.

let btnPrompt = document.querySelector('.btn-prompt');
btnPrompt.addEventListener('click', () => {
    let resposta = prompt('Digite o nome de uma cidade do Brasil.');
    alert('Estive em ' + resposta + " 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 btnSoma = document.querySelector('.btn-soma');
btnSoma.addEventListener('click', () => {
    let numero1 = parseInt(prompt('Digite um número'));
    let numero2 = parseInt(prompt('Digite mais um número'));
    let somaNumeros = numero1 + numero2;
    alert(`O resultado da soma é ${somaNumeros}`);
});

Mais um desafio finalizado.
O código completo de todos os desafios e exercicios disponibilizarei em minha conta no github.
Obrigado a todos.

Garanta sua matrícula hoje e ganhe + 2 meses grátis

Continue sua jornada tech com ainda mais tempo para aprender e evoluir

Quero aproveitar agora
1 resposta

Oi, Ronaldo! Como vai?

Gostei bastante da forma como você organizou as funções e usou os eventos com addEventListener. Ficou bem estruturado e cobre cada desafio proposto.

Alura Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!