2
respostas

document.querySelector - duvida no exercicio.

Olá! Desta forma, aparente esta igual ao exercício, quando abro no meu navegador, ele não acontece nada ao clicar no botão . Já abri o Mozzila, no Edge, e não acontece nada. Alguém saberia me explicar , onde está o erro?

<meta charset="UTF-8">

<button>Clique-me</button>

<script>
  function tchau() {

        alert("Tchau!!!!!")
    }
var botao = document.querySelector("button"); 
    button.onclick = tchau;

</script>
2 respostas

Olá Debora tudo bem ?

Acabei de testar e observar seu código aqui e o erro se encontra na linha 12:

button.onclick = tchau;

O seu erro foi ocasionado devido ao nome de sua variável , veja que na linha 11 :

var botao = document.querySelector("button"); 

você deu o nome da sua variável de botao dado esse nome é necessário que ao chamar a função tchau você também tem que dizer que botao está invocando a função. Então o correto seria assim :

    botao.onclick = tchau;

No exercicio é declarado button como o nome da váriavel e sendo o nome da variável é por isso que ele se repete ao tentar invocar a função , então no seu caso deveria ocorrer o mesmo mas utilizando o mesmo nome que você declarou na sua variável que no caso seria botao. =)

Espero ter ajudado , que você tenha um excelente estudos.E lembre-se qualquer dúvida sinta-se a vontade de compartilhar aqui no fórum ficaremos felizes em poder te ajudar . =)

Abraços e bons estudos!!!

Oi Suelen! Obrigada!