Erro JavaScript

Programação
#1


MaraL

2

15 h

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;
};

#2

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
}