1
resposta

Duvida

Olá Boa Tarde!

Estou querendo fazer um programa onde as pessoas der as informações e desenha sozinha!

O código Roda mas n desenha creio por causa da virgula mas n sei como colocar!

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


<script> 
  function desenho (x, y, tamanho1, tamanho2, cor){
     var screnn = document.querySelector('canvas');
     var brush = screnn.getContext('2d');

     brush.fillStyle =  cor;
     brush.fillRect(x, y, tamanho1, tamanho2);
     brush.fillStroke = 'black';
     brush.strokeRect(x, y , tamanho1, tamanho2);
}
   function orientacao(){
    var coordenadasX = parseInt(prompt('quais são suas coordenadas X?'));
    var coordenadasY = parseInt(prompt('quais são suas coordenadas Y?'));
    var altura = parseInt(prompt('Qual é altura do desenho?'));
    var largura = parseInt(prompt('Qual é sua largura?'));
    var cor = prompt('Qual é sua cor? Por favor informe ingles!');


}

desenho(orientacao());




    </script>
1 resposta

Olá Diogo, tudo bem?

Repare que você chamou a função desenho e passou a função orientação como parâmetro. Veja que a função desenho recebe 5 parâmetros, portanto não vai funcionar.

O que tem que fazer é pegar os valores que foram retornados pelo prompt e inseri-los dentro da function desenho.

No entanto, a chamada da function desenho deve ser feita dentro da function orientacao(), pois as variáveis foram declaradas dentro dela e não existem fora do seu escopo.

Ficaria Assim:

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

<script> 

    function desenho (x, y, tamanho1, tamanho2, cor) {

         var screnn = document.querySelector('canvas');
         var brush = screnn.getContext('2d');

         brush.fillStyle =  cor;
         brush.fillRect(x, y, tamanho1, tamanho2);
         brush.fillStroke = 'black';
         brush.strokeRect(x, y , tamanho1, tamanho2);
    }

    function orientacao() {

        var coordenadasX = parseInt(prompt('quais são suas coordenadas X?'));
        var coordenadasY = parseInt(prompt('quais são suas coordenadas Y?'));
        var altura = parseInt(prompt('Qual é altura do desenho?'));
        var largura = parseInt(prompt('Qual é sua largura?'));
        var cor = prompt('Qual é sua cor? Por favor informe ingles!');

        desenho(coordenadasX,coordenadasY,largura,altura,cor);
    }

    orientacao();


    </script>