Dúvida no Ex. 1 da Aula 3 - Nosso primeiro jogo

canvas id="tela" width="600" height="400">

script>

var tela = document.getElementById("tela"); var c = tela.getContext("2d");

c.fillStyle="gray"; c.fillRect(0,0,600,400);

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

c.fillStyle="blue"; c.beginPath(); c.arc(x,y,50,0,2*3.14); c.fill();

console.log ("posição do clique: " + x + " , " + y);

}

Olá Greison, tudo bem? Copiei o seu código pro meu pc e abri ele no firefox, fiz algumas mudanças bem simples e funcionou, segue o código:

<meta charset="UTF-8" />
<canvas id="tela" width="600" height="400"></canvas>

<script>

var tela = document.getElementById("tela"); var c = tela.getContext("2d");

c.fillStyle="gray"; 
c.fillRect(0,0,600,400);

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

    c.fillStyle="blue"; 
    c.beginPath(); 
    c.arc(x,y,50,0,2*3.14); 
    c.fill();

    console.log ("posição do clique: " + x + " , " + y);
}
</script>