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.
Em JS:
function consoleClick() {
console.log('O botão foi clicado.');
}
Em HTML:
<button onclick="consoleClick()" class="button">Console</button>
Crie uma função que exiba um alerta com a mensagem: Eu amo JS, sempre que o botão Alerta for pressionado.
Em JS:
function euAmoJS() {
alert('Eu amo JS');
}
Em HTML:
<button onclick="euAmoJS()" class="button">Alert</button>
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ê.
Em JS:
function cidadeBrasil() {
let cidade = prompt('Digite uma cidade que já visitou');
alert(`Estive em ${cidade} e lembrei de você`);
}
Em HTML:
<button onclick="cidadeBrasil()" class="button">Prompt</button>
Ao clicar no botão soma, peça 2 números inteiros e exiba o resultado da soma em um alerta.
Em JS:
function soma2Numeros() {
let n1 = parseInt(prompt('Digite um número inteiro para fazer a soma'));
let n2 = parseInt(prompt('Digite mais um número inteiro para fazer a soma'));
let soma = n1 + n2;
alert(`A soma de ${n1} + ${n2} é ${soma}`);
}
Em HTML:
<button onclick="soma2Numeros()" class="button">Soma</button>
O código completo é esse:
let titulo = document.querySelector('h1');
titulo.innerHTML = 'Hora do desafio';
function consoleClick() {
console.log('O botão foi clicado.');
}
function euAmoJS() {
alert('Eu amo JS');
}
function cidadeBrasil() {
let cidade = prompt('Digite uma cidade que já visitou');
alert(`Estive em ${cidade} e lembrei de você`);
}
function soma2Numeros() {
let n1 = parseInt(prompt('Digite um número inteiro para fazer a soma'));
let n2 = parseInt(prompt('Digite mais um número inteiro para fazer a soma'));
let soma = n1 + n2;
alert(`A soma de ${n1} + ${n2} é ${soma}`);
}