Entrar Ainda não tem acesso?
4
respostas

Duvida do exercio

Referente ao curso JavaScript e HTML: pratique lógica com desenhos, animações e um jogo, no capítulo Interagindo com o usuário e atividade Trocando de cor

por Joel Pedro Garcia
| 78.3k xp | 70 posts

Ola pessoal o meu codigo não esta a fazer a troca das bolinhas por favor alguem me ajuda

<canvas width="600" height="400"> </canvas>
<script>
var tela= document.querySelector("canvas");
var pencil= tela.getContext("2d");
pencil.fillStyle="grey";
pencil.fillRect(0,0,600,400);

var cores=["blue","red","green"];
var indiceCorAtual=0;
function desenhaCirculo(evento){

    var x= evento.pageX- tela.offsetLeft;
    var y= evento.pageY-tela.offsetTop;
    pencil.fillStyle=cores[indiceCorAtual];
    pencil.beginPath();
    pencil.arc(x,y,10,0,2*3.14);
    pencil.fill();
    console.log(x +"," + y);
}

 tela.onclick= desenhaCirculo;

 function mudaCor(){

 primeiraCor++;
 if(primeiraCor>=selecaoCores.length){
    primeiraCor=0;
 }
  alert("Funcionou");
     return false;

 }

  tela.onContextmenu=mudaCor;
</script>

este é o codigo

4 respostas
por Rodrigo da Silva Ferreira Caneppele
| 4861k xp | 8458 posts
Instrutor Instrutor

Oi Joel,

Deu problema no texto da sua pergunta e o código não apareceu.

Poste novamente o código, delimitando-o por três simbolos de crase (```)

por Rodrigo da Silva Ferreira Caneppele
| 4861k xp | 8458 posts
Instrutor Instrutor

Oi Joel,

Tem um erro no seu código, na última linha do script:

tela.onContextmenu=mudaCor;

A palavra onContextmenu deve ser toda em minúsculo, mas no seu código a letra C está maiúscula.

Troque para:

tela.oncontextmenu=mudaCor;

Bons estudos!

por Joel Pedro Garcia
| 78.3k xp | 70 posts

Ja fiz alteração no codigo mas mesmo assim o console esta a transmitir uma mensagem mais nao funcioa

por Rodrigo da Silva Ferreira Caneppele
| 4861k xp | 8458 posts
Instrutor Instrutor

Oi Joel,

Tem mais alguns problemas no seu código.

Nessa linha:

 if(primeiraCor>=selecaoCores.length){

Vai dar erro porque não existe essa variável selecaoCores. Vi que você criiou uma variável chamada cores, e acho que na verdade o código deveria ser:

 if(primeiraCor>=cores.length){

Outro problema, nessa mesma linha do if, tem essa variavel chamada primeiraCor que também não existe. Na verdade vi que você criou outra variável chamada indiceCorAtual. Então o código deve ficar assim:

function mudaCor(){

 indiceCorAtual ++;
 if(indiceCorAtual >=cores.length){
    indiceCorAtual =0;
 }
  alert("Funcionou");
     return false;

 }