hice el ejercicio valide el del instructor , el mio y el de varios compañeros y no me permite generar cambios de color , tiene que ver en algo el mouse todos quedan en azul ? , verifique el nombre del archivo, , que este en html .
gracias por la aclaración
El cambio de color se da cuando haces clic con el botón derecho del mouse en este caso se dispara el método "oncontextmenu" si te es posible compartir el código para verlo, igual te paso una versión para que evalúes
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dibuja Circulos cuando el usuiario hace clic</title>
</head>
<body>
<h1>Dibuja Circulos cuando el usuiario hace clic</h1>
<canvas width="600" height="400"> </canvas>
<script>
var color = 0;
var colores = ["blue", "red", "green"];
var pantalla = document.querySelector("canvas");
var pincel = pantalla.getContext("2d");
pincel.fillStyle = "grey";
pincel.fillRect(0,0,600,400);
pincel.fillStyle = "blue";
function dibujarCirculo(evento){
var x = evento.pageX - pantalla.offsetLeft;
var y = evento.pageY - pantalla.offsetTop;
pincel.beginPath();
pincel.arc(x,y,10,0,2*3.14);
pincel.fill();
console.log(x + "," + y);
}
function CambioColor() {
if (color == 2)
{
color = 0;
}
else
{
color++;
}
pincel.fillStyle = colores[color];
return false;
}
pantalla.oncontextmenu = CambioColor;
pantalla.onclick = dibujarCirculo;
</script>
</body>
</html>Muchas gracias Guillermo , efectivamente no es la funcionalidad , es algo con el mouse por que sigue el mismo color , copie y pegue su codigo y no me genera ningún cambio, bueno lo importante es que se compredí el ejercicio, pero no pude ver el cambio de colores desde mi equipo , estos días lo verifico en otra terminal No pegue el código , como indicaba lo hice similar al del profe y copie el de otros compañeros pero al hacer el clic con el mouse no da ,,,
Muchas gracias ¡¡¡
,