1
resposta

Interagindo com HTML - Desafio Hora 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.

No HTML:

No JS:
function verificarcliqueConsole() {
console.log('O botão foi clicado');
alert('Eu amo JS');
}

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

No HTML:

No JS:
function verificarcliquePrompt() {
cidadeMencionada = prompt('Diga o nome de uma cidade do Brasil');
alert(Estive na cidade de ${cidadeMencionada} e lembrei de você);
}

// 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 verificarcliquePrompt() {
cidadeMencionada = prompt('Diga o nome de uma cidade do Brasil');
alert(Estive na cidade de ${cidadeMencionada} 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.

No HTML:

No JS:
function fazerSoma() {
let n1 = Number(prompt('Digite o primeiro número:'));
let n2 = Number(prompt('Digite o segundo número:'));
let resultado = n1 + n2;
alert(A soma dos números é: ${resultado});
}

1 resposta

Oi, Juliana! Como vai?

Gostei de ver como você usou document.querySelector e criou funções para cada interação. Neste ponto, sua lógica está clara e funciona bem para o desafio.

Alura Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!