1
resposta

[Projeto] Desafio: Hora da Prática

Sofri para finalizar e só entendi onde estava errando quando revisei e percebi que tinha esquecido de colocar ; Definitivamente é necessário praticar, praticar muito.

html 
 <button onclick="mensagemConsole()" class="button">Console</button>
  <button onclick="mensagemAlerta ()" class="button">Alert</button>
  <button onclick="mensagemPrompt ()" class="button">Prompt</button>
   <button onclick="somaNumeros ()" class="button">Soma</button>

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.

function mensagemConsole () {
    console.log ('O botão foi clicado');
    }

4 Crie uma função que exiba um alerta com a mensagem: Eu amo JS, sempre que o botão Alerta for pressionado.

function mensagemAlerta () {
    alert ('Eu amo JS');
}

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 mensagemPrompt (){
    let nomeDacidade = prompt ('Digite o nome de uma cidade no Brasil que você gosta demais :):');
    alert (`Estive em ${nomeDacidade} 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 somaNumeros () {
    let numero1 = parseInt (prompt ('Digite o primeiro número'));
    let numero2 = parseInt (prompt ('Digite o segundo número'));
    let resultado = numero1 + numero2;
    alert (`${numero1} + ${numero2} = ${resultado}`);
};
1 resposta

Código html com as funções:

Código JS - Resposta dos exercícios:

  1. let paragrafo = document.querySelector('h1'); paragrafo.innerHTML = 'Hora do desafio';

  2. function VerificarConsole(){ console.log('O botão foi clicado!'); }

  3. function VerificarAlert(){ alert('Eu amo JS!'); }

  4. function PerguntarCidade(){ let cidade = prompt('Digite o nome de uma cidade do Brasil:'); alert('Estive em: ' + cidade + ' e lembrei de você!'); }

  5. function Somar(){ let valor1 = parseInt(prompt('Digite o 1º valor:')); let valor2 = parseInt(prompt('Digite o 2º valor:')); let soma = parseInt(valor1 + valor2); alert('O valor desta soma é:' + soma); }