2
respostas

Desafio: Interagindo com HTML

// 1. 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.';

// 2. Crie uma função que exiba no console a mensagem 
// O botão foi clicado sempre que o botão Console for pressionado.

function botaoConsole(){
    console.log('o botao foi clicado!');
}

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

function botaoAlerta(){
    console.log('Eu amo Js.');
}

// 4. 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 botaoPrompt(){
    let cidade = prompt('Digite o nome de uma cidade do Brasil:');
    alert(`Estive em ${cidade} e lembrei de você.`);
}

// 5. Ao clicar no botão soma, peça 2 números inteiros e exiba 
// o resultado da soma em um alerta.

function botaoSoma(){
    let valor1 = parseInt(prompt('Digite o primeiro valor:'));
    let valor2 = parseInt(prompt('Digite o segundo valor:'));
    soma = valor1 + valor2;
    alert(`A soma de ${valor1} e ${valor2} é ${soma}.`);
}
2 respostas

Oi Camilla,

Seu código está muito bom e bem organizado! 👍

A lógica das funções está correta e você conseguiu aplicar os conceitos do curso de forma eficaz.

Apenas uma pequena observação: na função botaoAlerta, você usou console.log em vez de alert.

Para exibir o alerta na tela, você precisa usar a função alert(). 😏

function botaoAlerta(){
    alert('Eu amo Js.');
}

Continue praticando e explorando as possibilidades do JavaScript!

Para saber mais: Documentação da função alert() no MDN.

A prática leva à perfeição! 💪

Verdade, vou arrumar, obrigada Luis. ☺️