1.Faça o download de outro projeto clicando neste link e abra no Visual Studio Code.
2.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';
3.Crie uma função que exiba no console a mensagem O botão foi clicado sempre que o botão Console for pressionado.
no js
function clickConsole(){
console.log('Botão "Console "foi Clikado');
}
no html
<button onclick="clickConsole()" class="button">Console</button>
4.Crie uma função que exiba um alerta com a mensagem: Eu amo JS, sempre que o botão Alerta for pressionado.
function clickAlerta(){
alert('Eu amo JS');
}
<button onclick="clickAlerta()" class="button">Alert</button>
5.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 clickPromptt(){
let cidadeBr = prompt('Diga o nome de uma cidade Brasileira:');
alert(`Estive em ${cidadeBr} e lembrei de você!`);
}
6.Ao clicar no botão soma, peça 2 números inteiros e exiba o resultado da soma em um alerta.
function clickSoma(){
let numero1 = parseInt(prompt('Informe o primeiro numero:'));
let numero2 = parseInt(prompt('Informe o segundo número:'));
let resultadoSoma = numero1 + numero2;
alert(`A soma entre ${numero1} e ${numero2} é ${resultadoSoma}`);
}
Código completo dos Exercícios:
let titulo = document.querySelector('h1');
titulo.innerHTML = 'Hora do Desafio';
function clickConsole(){
console.log('Botão "Console "foi Clikado');
}
function clickAlerta(){
alert('Eu amo JS');
}
function clickPromptt(){
let cidadeBr = prompt('Diga o nome de uma cidade Brasileira:');
alert(`Estive em ${cidadeBr} e lembrei de você!`);
}
function clickSoma(){
let numero1 = parseInt(prompt('Informe o primeiro numero:'));
let numero2 = parseInt(prompt('Informe o segundo número:'));
let resultadoSoma = numero1 + numero2;
alert(`A soma entre ${numero1} e ${numero2} é ${resultadoSoma}`);
}