Entrar Ainda não tem acesso?
5
respostas

Desenhando para praticar

Referente ao curso JavaScript e HTML: desenvolva um jogo e pratique lógica de programação, no capítulo Repita tarefas e atividade Repetições aninhadas

por Diego Vicente Pereira
| 46.4k xp | 65 posts

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
por Grazielle Melo Borges Torres
| 132.7k xp | 88 posts

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>
por Diego Vicente Pereira
| 46.4k xp | 65 posts

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

por Grazielle Melo Borges Torres
| 132.7k xp | 88 posts

muito bom

por Gabriel Barbosa Brandão
| 121k xp | 34 posts

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.

por Estudante
| 43k xp | 97 posts

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!