1
resposta

[Projeto] DESAFIO 01

02.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';
  1. Crie uma função que exiba no console a mensagem O botão foi clicado sempre que o botão Console for pressionado:

No index.html, adicionamos no onclick o seguinte código:

<button onclick="botaoConsole()" class="button">console</button>

Já no app.js:

function botaoConsole(){
        console.log('O botão foi clicado!');
}
  1. Crie uma função que exiba um alerta com a mensagem: Eu amo Js, sempre que o botão Alerta for pressionado:

No index.html, adicionamos no onclick o seguinte código:

<button onclick="botaoAlerta()" class="button">Alert</button>

Já no app.js:

function botaoAlerta(){
        alert('Eu amo Js');
}
  1. 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ê:

No index.html, adicionamos no onclick o seguinte código:

<button onclick="botaoPrompt()" class="button">Prompt</button>

Já no app.js:


function botaoPrompt(){
      let nomeDaCidade:promp(‘Digite o nome de uma cidade do Brasil: ’);
      alert(‘Estive em ${nomeDaCidade} e lembrei de você’);
}
  1. Ao clicar no botão soma, peça 2 números e exiba o resultado da soma em um alerta.

No index.html, adicionamos no onclick o seguinte código:

<button onclick="botaoSoma()" class="button">Soma</button>

Já no app.js:

function botaoSoma (){
        let primeiroNumero= parseInt(prompt(‘Digite o primeiro número: ’));
       let segundoNumero= parseInt(prompt(‘Digite o segundo número: ’));
        let resultado= primeiroNumero + segundoNumero;
        alert(‘${primeiroNumero} + ${segundoNumero}= ${resultado}’); 
}
1 resposta

Olá, Carolyne! Parece que você já fez um ótimo trabalho resolvendo os desafios propostos! No entanto, parece que tem um pequeno erro no seu código que pode estar causando algum problema.

No desafio 5, você escreveu promp ao invés de prompt:

Aqui está a correção para o desafio 5:

function botaoPrompt(){
    let nomeDaCidade = prompt('Digite o nome de uma cidade do Brasil:');
    alert(`Estive em ${nomeDaCidade} e lembrei de você`);
}

No mais, parece estar tudo funcionando certinho. Parabéns!

Espero ter ajudado e bons estudos!