meu código está correto eu acredito porém não funciona,
//
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
meu código está correto eu acredito porém não funciona,
//
canvas id="tela" width="600" height="400">
script>
var tela = document.getElementById("tela"); var c = tela.getContext("2d");
c.fillStyle="gray"; c.fillRect(0,0,600,400);
tela.onclick =function(evento){ var x=evento.pageX -tela.offsetLeft; var y=evento.pageY - tela.offsetTop;
c.fillStyle="blue"; c.beginPath(); c.arc(x,y,50,0,2*3.14); c.fill();
console.log ("posição do clique: " + x + " , " + y);
}
Olá Greison, tudo bem? Copiei o seu código pro meu pc e abri ele no firefox, fiz algumas mudanças bem simples e funcionou, segue o código:
<meta charset="UTF-8" />
<canvas id="tela" width="600" height="400"></canvas>
<script>
var tela = document.getElementById("tela"); var c = tela.getContext("2d");
c.fillStyle="gray";
c.fillRect(0,0,600,400);
tela.onclick =function(evento){
var x=evento.pageX -tela.offsetLeft;
var y=evento.pageY - tela.offsetTop;
c.fillStyle="blue";
c.beginPath();
c.arc(x,y,50,0,2*3.14);
c.fill();
console.log ("posição do clique: " + x + " , " + y);
}
</script>