Meu código abaixo não funciona. Fiz a lógica exatamente como ensinaram, mas sem sucesso. Preciso que ele funcione para então depois de ter entendido finalizar as etapas do ex.3 aula 4:
<canvas id="canvas1" width="800" height="800"></canvas>
<script>
var canvas = document.getElementById("canvas1");
var c = canvas.getContext("2d");
c.fillStyle = "gray";
c.fillRect(0, 0, 800, 800);
c.onclick = function(mouseEvent) {
var axisX = mouseEvent.pageX;
var axisY = mouseEvent.pageY;
context.fillStyle = "blue";
context.beginPath();
context.arc(axisX, axisY, 25, 0, 2*Math.PI);
context.fill();
}
</script>