Haz lo que hicimos en el aula

Comparto código desarrollado en el curso.

<meta charset="UTF-8">
<h2>Verónica Gitzel Ruíz Montes</h2>


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

<script>


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

        pincel.fillStyle="grey";//bordes
        pincel.fillRect(0,0,600,400);

        function exhibirAlerta(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;

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

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

        //pantalla.onclick = exhibirAlerta;

        pantalla.onclick = dibujarCirculo;


</script>