Não consigo testar meu código | JavaScript e HTML: pratique lógica com desenhos, animações e um jogo

1
resposta

por João Luis Rodrigues do Prado

| 58.4k xp | 9 posts

Olá Pessoal! Eu não consigo testar meu código aqui :( eu fui fazendo os passos conforme ia rolando a aula mas agora a aula acabou e meu desenho não aparece no navegador. Estou usando o Chrome, já salvei o código e recarreguei a página muiiitas vezes.

<canvas width="600" height="400"></canvas>

<script>

    function desenhaQuadradoAzul() {

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

        pincel.fillStyle = 'blue';
        pincel.fillRect(0, 0, 50, 50);
        pincel.strokeStyle = 'black';
        pincel.strokeRect(0, 0, 50, 50);

    }

    desenhaQuadradoVerde();
    desenhaQuadradoVerde();
    desenhaQuadradoVerde();


</script>

1 resposta

por Rodrigo Diniz

| 587.2k xp | 226 posts

Analista de Tecnologia da Informação

16/04/2021

O nome da função está desenhaQuadradoAzul() mas se está chamando três vezes desenhaQuadradoVerde(). O nome das chamadas do método devem ser iguais ao da declaração da função:

desenhaQuadradoAzul() ;
desenhaQuadradoAzul() ;
desenhaQuadradoAzul() ;