Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Projeto] Exercicios resolvidos

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}`);
}
1 resposta
solução!

Oi, Valentina! Como vai?

Agradeço por compartilhar seu código com a comunidade Alura.

O seu código está bem implementado! Continue assim! ✨

Uma dica interessante para o futuro é o uso do método addEventListener, que pode ser útil para adicionar múltiplos manipuladores de eventos em um único elemento, sem sobrescrever os existentes. Veja como ficaria o código para o botão de soma:


let somaButton = document.querySelector('.button-soma');
somaButton.addEventListener('click', function() {
  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}`);
});

Essa abordagem ajuda a manter o código mais flexível e organizado, especialmente em projetos maiores.

Qualquer dúvida que surgir, compartilhe no fórum. Abraços e bons estudos!

Alura

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