5
respostas

Desenhando para praticar

Fiz uma brincadeira com o for e desenhei uma seta.

<meta charset="UTF-8" />
<script>
  pulaLinha = () => {
    document.write("<br>");
  };

  mostra = (frase) => {
    document.write(frase);
  };

  for (let i = 0; i < 10; i++) {
    for (let j = 10; j > i; j--) {
      mostra("&ensp;"); // &ensp; para espaços em branco
    }
    for (let k = 0; k < i; k++) {
      mostra("&ensp;*"); // &ensp; para espaços em branco
    }
    pulaLinha();
  }
  for (let x = 0; x < 10; x++) {
    mostra("&emsp;&emsp;&emsp;&emsp;**<br>"); //&emsp; para espaços maiores
  }
</script>


desenho de uma seta apontando para cima com feita com asterisco

5 respostas

Poxa muito massa colega! Parabéns! Eu só consegui o que ele mostrou srsrsrrss

<meta charset="UTF-8">
<script>

    function puloLinha() {
        document.write("<br>");
    }



    function mostra() {
        document.write(frase);
        puloLinha();
    }

    for (var linha = 1; linha <= 3; linha++) {
        for (var coluna = 1; coluna <= 10; coluna++) {
            document.write("*");
        }
        puloLinha();
    }
    mostra("FIM!");
</script>

Obrigado, Grazielle! Eu já tinha feito algo parecido antes, uma pirâmide, eu gosto de fazer esses desenhos para entender melhor os laços.

muito bom

Olá Diego, muito legal seu projeto, seria interessante também para torna-lo mais legível dividir em funções, por exemplo, função responsável por desenhar a ponta da flecha (desenhaPonta()) e outra função responsável por desenhar a haste da flecha (desenhaPonta()).

E por fim outra função chamada desenhaFlecha() onde serão chamadas as duas funções anteriores na ordem, para formar o desenho final.

Boa noite.

O fórum é um manancial de dicas e ideias!

Parabéns pelo código Diego e valeu pela dica Dr. Manhattan.. kkk

Sucesso a todos!