Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Bug] Meu código não está funcionando...

Eu á verifiquei linha por linha, mas ainda não consegui encontrar o erro...

var tela = document.querySelector('canvas');
var pincel = tela.getContext('2d');

pincel.fillStyle = 'lightgray';
pincel.fillRect(0, 0, 600, 400);

var raio = 15;

function desenhaCirculo(x, y, raio, cor){
    pincel.fillStyle = cor;
    pincel.beginPath();
    pincel.arc(x, y, raio, 0, 2 * Math.PI);
    pincel.fill();
}

function limpaTela(){
    pincel.clearRect(0, 0, 600, 400);
}

function desenhaAlvo(x, y){
    desenhaCirculo(x, y, raio+20 , 'red');
    desenhaCirculo(x, y, raio+10, 'white');
    desenhaCirculo(x, y, raio, 'red');
}

function sorteiaPosicao(maximo){
    return Math.floor(Math.random * maximo);
}

function atualizaTela(){
    limpaTela();
    var xAleatorio = sorteiaPosicao(600);
    var yAleatorio = sorteiaPosicao(400);
    desenhaAlvo(xAleatorio, yAleatorio);
}

setInterval(atualizaTela, 1000);
1 resposta
solução!

Esta a faltar logo no início o canvas.

Não se esqueça de colocar todo o código dentro da tag !! Menos o canvas acima!!

E depois coloque os parênteses depois de Math.random( )

Bons estudos!!