1
resposta

[Projeto] Desafio: hora da prática

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

let titulo = document.querySelector('h1'); titulo = Text.innerHTML = 'Hora do Desafio'; console.log(titulo);

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

function verificarClick() { console.log('Botão clicado');

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

}function verificarAlerta() { 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 verificarCidade() { let cidade = prompt('Qual é a sua cidade?'); alert(Eu estive em ${cidade} e lembrei de você); }

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

function verificarSoma() { let numero1 = parseInt(prompt('Digite um número')); let numero2 = parseInt(prompt('Digite outro número')); let soma = numero1 + numero2; alert(A soma dos números é ${soma}); }

1 resposta

Olá, tudo bem?

Eu gostei bastante da forma como você implementou as funcionalidades com diferentes botões e eventos. Isso mostra que você está compreendendo bem o conceito de interação com o DOM e manipulação de eventos no JavaScript!

Uma dica bem simples: ao usar document.querySelector, é legal verificar se o seletor retornou o elemento esperado antes de manipulá-lo, para evitar erros caso ele não exista na página. Ah, e notei que na linha em que você tenta alterar o conteúdo de h1, o código está atribuindo Text.innerHTML, mas o correto seria apenas titulo.innerHTML. Pequenos ajustes assim ajudam a manter o código mais robusto!

Continue praticando, está no caminho certo!