Duda

Espero se encuentren bien, estuve intentando alterar el código, pero no me resulta. alguna sugerencia. gracias!

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

       var pantalla= document.querySelector ("canvas");
        var pincel= pantalla.getContext("2d");

        pincel.fillStyle = "grey"; //propiedad o caracteristica
        pincel.fillRect(0,0,600,400); //funcion

function exibirAlerta(evento){
      var x= evento.pageX - pantalla.offsetLeft;
      var y= evento.pageY - pantalla.offsetTop;
        console.log(evento);        
        alert(x + "," + y);
    }
    function dibujarCirculo(evento){
      var x= evento.pageX - pantalla.offsetLeft;
      var y= evento.pageY - pantalla.offsetTop;
      var listaColor=["blue", "red","green" ];

        pincel.fillStyle=listaColor;
        pincel.beginPath();
        pincel.arc(x,y,10,0,2*3.14);
        pincel.fill();
        console.log(x + "," + y);
    }
    pantalla.onclick = dibujarCirculo;

    function listaColor() {
       var listaColor=["blue", "red","green" ];

    }
    pantalla.oncontextmenu = listaColor;

</script>