[Proyecto] click

<canvas width="600" height="400"></canvas>

<script>

var pantalla=document.querySelector("canvas");
var pincel=pantalla.getContext("2d");  
pincel.fillStyle="lightgrey";
pincel.fillRect(0,0,600,400);

function exibirAlerta(evento){
    var x= evento.pageX- pantalla.offsetLeft;// me indica la posicion dentro de la pizarra
    var y= evento.pageY- pantalla.offsetTop;
        console.log(evento)
        alert(x +","+ y);

}
function dibujarCirculo(evento){
    var x= evento.pageX- pantalla.offsetLeft;// me indica la posicion dentro de la pizarra
    var y= evento.pageY- pantalla.offsetTop;

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

            console.log(x +","+ y)


}

//pantalla.onclick=exibirAlerta;
pantalla.onclick=dibujarCirculo;

</script>