let pantalla = document.querySelector("canvas"); let pincel = pantalla.getContext("2d");
pincel.fillStyle = "grey"; pincel.fillRect(0, 0, 600, 400);
function exibirAlerta(evento) { let x = evento.pageX - pantalla.offsetLeft; let y = evento.pageY - pantalla.offsetTop;
alert(cordenada x : ${x} , cordenada y : ${y});
console.log(evento);
}
function dibujarCirculo(evento) { let x = evento.pageX - pantalla.offsetLeft; let y = evento.pageY - pantalla.offsetTop;
pincel.fillStyle = "blue"; pincel.beginPath(); pincel.arc(x, y, 10, 0, 2 * 3.14); pincel.fill();
console.log(cordenada x : ${x} , cordenada y : ${y});
}
pantalla.onclick = dibujarCirculo;
