1
resposta

[Projeto] HTML - Desafio: hora da prática

 /// 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.

<button onclick="exibaMensagemNoConsole()" class="button">Console</button>

function exibaMensagemNoConsole() {
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.

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

 function exibirAlerta() {
    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ê.
 
  <button onclick="exibirPergunta()" class="button">Prompt</button>
 
 function exibirPergunta() {
    let nomeDaCidade = prompt("Digite o nome de uma cidade do Brasil que você gosta muito:");
    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.

 <button onclick="somaDosNumeros()" class="button">Soma</button>
 
 function somaDosNumeros() {
     let primeiroNumero = parseInt(prompt("Digite um número:"));
    let segundoNumero = parseInt(prompt("Digite outro número:"));
    let resultado = primeiroNumero + segundoNumero;
    alert(`${primeiroNumero} + ${segundoNumero} = ${resultado}`);
 }
1 resposta

Olá, Paulo! Como vai?

Parabéns pela resolução dos desafios!

Você aplicou corretamente os conceitos de manipulação do DOM e interação com o usuário. Gostaria de destacar um ponto excelente no seu código:

  • Uso do parseInt: No exercício 6, você lembrou de converter o retorno do prompt (que sempre vem como texto/String) para número inteiro. Isso é fundamental! Sem isso, se o usuário digitasse "10" e "5", o resultado seria "105" (concatenação) em vez de 15. Ótima sacada!

Seu código está limpo e funcional. Continue praticando essa lógica, pois ela é a base para criar interações mais complexas no futuro.

Conte sempre com a Alura para evoluir seus estudos. Em caso de dúvidas estou à disposição.

Bons estudos!

Sucesso

Imagem da comunidade