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.