[Bug] Alert não funciona como o esperado

Projeto funcionando corretamente, exeto ao executar a função dispara();

O alert não é exibido. Já olhei em vários outros tópicos uma possível solução, mas não obtive a solução. Já revisei o código várias vezes. Alguém pode me dizer o que está errado?

O código JS está em um arquivo separado, por isso ausência ta tag <script>

var tela = document.querySelector('canvas');
var pincel = tela.getContext('2d');

var raio = 10;
var xAleatorio;
var yAleatorio;

pincel.fillStyle = 'lightgray'
pincel.fillRect(0, 0, 600, 400);

function desenhaCirculo(x, y, raio, cor) {
     pincel.fillStyle = cor;
     pincel.beginPath();
     pincel.arc(x, y, raio, 0, 2 * Math.PI);

     pincel.fill();
}

function limpaTela() {
     pincel.clearRect(0, 0, 600, 400);
}

function desenhaAlvo(x, y) {
     desenhaCirculo(x, y, raio + 20, 'red');
     desenhaCirculo(x, y, raio + 10, 'white');
     desenhaCirculo(x, y, raio, 'red');
}

function sorteiaPosicao(maximo) {
     return Math.floor(Math.random() * maximo);
}

function atualizaTela() {

     limpaTela();
     xAleatorio = sorteiaPosicao(600);
     yAleatorio = sorteiaPosicao(400);
     desenhaAlvo(xAleatorio, yAleatorio);
}

setInterval(atualizaTela, 1220);

function dispara(evento) {
     var x = evento.pageX - tela.offsetLeft;
     var y = evento.pageY - tela.offsetTop;

     if ((x > xAleatorio - raio)
          && (x < xAleatorio + raio)
          && (y > yAleatorio - raio)
          && (y < yAleatorio + raio)) {
          alert('Acertou!!!');
     }
}

tela.onclick = dispara;