1
resposta

[Projeto] Desafio: hora da prática

Minha solução no JavaScript:

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';

Crie uma função que exiba no console a mensagem O botão foi clicado sempre que o botão Console for pressionado.
function exibirConsole() {
console.log('O botão foi clicado')
}

Crie uma função que exiba um alerta com a mensagem: Eu amo JS, sempre que o botão Alerta for pressionado.
function exibirAlerta() {
console.log('Eu amo JS')
}

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 exibirPrompt() {
let cidade = prompt("Digite o nome de uma cidade do Brasil:");
if (cidade) {
alert(Estive em ${cidade} e lembrei de você.);
} else {
alert("Você não digitou nenhuma cidade.");
}
}

Ao clicar no botão soma, peça 2 números inteiros e exiba o resultado da soma em um alerta.
function exibirSoma() {
// pede dois números inteiros
let num1 = prompt("Digite o primeiro número:");
let num2 = prompt("Digite o segundo número:");

converte para inteiros
num1 = parseInt(num1);
num2 = parseInt(num2);

faz a soma
let resultado = num1 + num2;

mostra o resultado
alert(O resultado da soma é: ${resultado});
}

Garanta sua matrícula hoje e ganhe + 2 meses grátis

Continue sua jornada tech com ainda mais tempo para aprender e evoluir

Quero aproveitar agora
1 resposta

Oi Jezebel, tudo bem? 😊

Parabéns pela sua solução para o desafio! 👏

Seu código está bem estruturado e resolve os problemas propostos de forma clara.

Tem apenas alguns pequenos ajustes que podem ser feitos para deixá-lo ainda melhor:

  • Na função exibirAlerta(), você usou console.log('Eu amo JS') em vez de alert('Eu amo JS').
  • Nas funções exibirPrompt() e exibirSoma(), você usou template literals (Estive em ${cidade} e lembrei de você.) dentro de strings com aspas simples ou duplas. Para que template literals funcionem, você precisa usar crases (`).

Aqui está o código com as correções:

// Altera o conteúdo da tag h1
let titulo = document.querySelector('h1');
titulo.innerHTML = 'Hora do Desafio';

// Função para exibir no console
function exibirConsole() {
    console.log('O botão foi clicado');
}

// Função para exibir um alerta
function exibirAlerta() {
    alert('Eu amo JS');
}

// Função para exibir um prompt
function exibirPrompt() {
    let cidade = prompt("Digite o nome de uma cidade do Brasil:");
    if (cidade) {
        alert(`Estive em ${cidade} e lembrei de você.`);
    } else {
        alert("Você não digitou nenhuma cidade.");
    }
}

// Função para exibir a soma
function exibirSoma() {
    let num1 = prompt("Digite o primeiro número:");
    let num2 = prompt("Digite o segundo número:");

    num1 = parseInt(num1);
    num2 = parseInt(num2);

    let resultado = num1 + num2;

    alert(`O resultado da soma é: ${resultado}`);
}

Continue praticando e explorando as funcionalidades do JavaScript! 🤗

🎓 Para saber mais: