Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Pratica - interagindo com Html.

// Altere o conteúdo da tag h1 com document.querySelector e atribua o seguinte texto: Hora do Desafio.

let cabecalho = document.querySelector('h1');
cabecalho.textContent = '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 botaoDoConsole() {
    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 mensagemAlerta() {
    alert('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 perguntaCidade() {
    let cidade = prompt('Voçê é de qual cidade?');
    alert(`Estive em ${cidade} e lembrei de voçê`);
    
}// Ao clicar no botão soma, peça 2 números inteiros e exiba o resultado da soma em um alerta.

function botaoSoma() {
    let numero1 = parseInt(prompt('Digite o primeiro número'));
    let numero2 = parseInt(prompt('Digite o segundo número'));
    let resultado = numero1+numero2;
    alert(`A soma dos números é igual a ${resultado}`);

}
2 respostas
solução!

Oi! Tudo bom?

Excelente! Siga praticando com os desafios e sempre compartilhe conosco.

Você soube aplicar eventos de clique de forma eficiente para interagir com o usuário, aproveitou o prompt() e alert() para criar uma experiência dinâmica e entendeu como o querySelector() é essencial para manipular elementos da DOM com precisão.

Como dica adicional, experimente utilizar addEventListener() quando precisar associar múltiplos comportamentos a um elemento. Assim:

document.querySelector('#botaoAlerta').addEventListener('click', function () {
    alert('Evento disparado com addEventListener!');
});

Com isso, você poderá organizar melhor seu código e adicionar mais flexibilidade aos seus componentes.

Ícone de sugestão Para saber mais:

Sugestão de conteúdo para você mergulhar ainda mais sobre o tema:

Fico à disposição! E se precisar, conte sempre com o apoio do fórum.

Abraço e bons estudos!

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

Muito obrigado!