Boa noite, não estou conseguindo resolver o exercício nº 4 da aula 3, já refiz várias vezes seguindo a opinião do instrutor e o console sempre aponta para o erro: tela.oncontextmenu=mudaCor; , e não aparece a canvas e o navegador permanece em branco também não entendi a explicação se clicarmos 10 vezes seu valor será 9. Alguém pode por favor me ajudar?
Fala ai Eduardo, tudo bem ?
Consegue confirmar se seu código está parecido com esse :
<canvas width="600" height="400"></canvas>
<script>
var tela = document.querySelector('canvas');
var pincel = tela.getContext('2d');
pincel.fillStyle = 'grey';
pincel.fillRect(0, 0, 600, 400);
var cores = ['blue', 'red', 'green']
var indiceCorAtual = 0; // começa com blue
function desenhaCirculo(evento) {
var x = evento.pageX - tela.offsetLeft;
var y = evento.pageY - tela.offsetTop;
pincel.fillStyle = cores[indiceCorAtual];
pincel.beginPath();
pincel.arc(x, y, 10, 0, 2 * 3.14);
pincel.fill();
console.log(x + ',' + y);
}
tela.onclick = desenhaCirculo;
function mudaCor() {
indiceCorAtual++;
if(indiceCorAtual >= cores.length) {
indiceCorAtual = 0; // volta para a primeira cor, azul
}
return false; // para não exibir o menu padrão do canvas
}
tela.oncontextmenu = mudaCor;
</script>
Oi Eduardo esse post tá duplicado com esse:
https://cursos.alura.com.br/forum/topico-duvida-sobre-o-exercicio-67677
Já foi solucionado?