# \[Lógica de Programação\] Dúvidas no exercício 1 do 8.2

**URL:** https://forum.casadocodigo.com.br/t/logica-de-programacao-duvidas-no-exercicio-1-do-8-2/37
**Category:** Livros
**Tags:** logica-programacao
**Created:** [Outubro 21, 2015, 4:49pm UTC](https://forum.casadocodigo.com.br/t/logica-de-programacao-duvidas-no-exercicio-1-do-8-2/37 "2015-10-21T16:49:33Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![wendel.junior](https://avatars.discourse-cdn.com/v4/letter/w/a5b964/32.png) [@wendel.junior](https://forum.casadocodigo.com.br/u/wendel.junior)
#### Post date: [Outubro 21, 2015, 4:49pm UTC](https://forum.casadocodigo.com.br/t/logica-de-programacao-duvidas-no-exercicio-1-do-8-2/37/1 "2015-10-21T16:49:33Z")

</div>

Ao clicar com o botão direito do mouse, não aparece o circulo vermelho. O que estou fazendo errado? Meu código está aqui abaixo:

```
<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;
	if (evento.button == "0") {
		c.fillStyle="blue";
		}
	else if (evento.button == "1"){
			c.fillStyle="red";
		}
	c.beginPath();
	c.arc(x,y,10,0,2*Math.PI);
	c.fill();
	console.log("posição do click : "+x+", "+y);
}	
</script>
```

---

<div class="post-metadata">

### Author: ![fmstefanini](https://yyz1.discourse-cdn.com/flex029/user_avatar/forum.casadocodigo.com.br/fmstefanini/32/26_2.png) [@fmstefanini](https://forum.casadocodigo.com.br/u/fmstefanini)
#### Post date: [Outubro 21, 2015, 4:51pm UTC](https://forum.casadocodigo.com.br/t/logica-de-programacao-duvidas-no-exercicio-1-do-8-2/37/2 "2015-10-21T16:51:54Z")

</div>

@wendel.junior aqui é um problema chato mesmo: o canvas tem o botão da direita associado ao “`context menu`”. Pra resolver isso, você vai precisar fazer:

```
tela.oncontextmenu = function (e) {
   c.fillStyle="red";
};

```

😄

---

<div class="post-metadata">

### Author: ![wendel.junior](https://avatars.discourse-cdn.com/v4/letter/w/a5b964/32.png) [@wendel.junior](https://forum.casadocodigo.com.br/u/wendel.junior)
#### Post date: [Outubro 21, 2015, 5:17pm UTC](https://forum.casadocodigo.com.br/t/logica-de-programacao-duvidas-no-exercicio-1-do-8-2/37/3 "2015-10-21T17:17:09Z")

</div>

Funcionou perfeitamente!

Obrigado 😉