Erro JavaScript

Sou iniciante e nao estou conseguindo localizar o meu erro ao criar um banner rotativo: pause e play nao funciona. Ocorre esse erro: Uncaught TypeError TypeError: Cannot set properties of null (setting ‘onclick’)

var imagens =[“img/destaque-home.png” , “img/destaque-home-2.png”];
var imagemAtual = 0;

function trocaImagem() {

imagemAtual = (imagemAtual + 1) % 2;

document.querySelector(’.destaque img’).src = imagens[imagemAtual];

}

var timer = setInterval(trocaImagem, 4000);

var controle = document.querySelector(’.pause’);

controle.onclick = function () {

if (controle.className === ‘pause’) {

clearInterval(timer);

controle.className = ‘play’;

}else {

timer = setInterval(trocaImagem, 4000);

controle.className = ‘pause’;

}

return false;

};

1 Resposta

Zeca_Peteca 11 de jun. de 2022

Verifica se o elemento .pause existe.
Se existir, verifica se vc está carregando seu javascript como o ultimo elemento antes do fim da tag <body>.
Exemplo:

<body>
<button class="pause">Pause</button>
<!-- ... -->
<script>
// bla bla bla
</script>
</body>

Uma outra alternativa é colocar o seu script dentro do evento onload do window:

window.onload = function() {
  //codigo todo
}

1 Resposta

Topicos relacionados