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

Me ajudem com a tabuada

Olá, após ver essa aula, logo me lembrei de uma atividade anterior sobre a tabuada, em que eu consegui montar as tabuadas de 1 a 10, sempre escrito "Tabuada do x" antes de iniciar uma dela, entretanto elas ficaram em linhas, e queria ter deixado em colunas, o que não tive êxito, porém ao tentar com os conceitos dessa aula, infelizmente não tive sucesso, e o máximo que consegui foi o seguinte:

<meta charset="UTF-8">

<script>

    function pulaLinha(){

        document.write("<br>");
        document.write("<br>");

    }

    function mostra(frase){

        document.write(frase);
        pulaLinha();
    }   

    function escreveTabuada(negocio){

        document.write("Tabuada do " + negocio + "<br> <br>");
    }

    function mostraTabuada(coisa){

        document.write(coisa + "<br> <br>");
    }

    for (var multiplicante = 1; multiplicante <= 10; multiplicante++){

        for(var coluna = 1; coluna <= 10; coluna ++){

            document.write("Tabuada do " + multiplicante);

        }   

        for(var multiplicador = 1; multiplicador <= 10; multiplicador++){

            mostraTabuada(multiplicante * multiplicador);

        } 

    }

</script>
1 resposta
solução!

Oii Fernando, como você está? Espero que esteja bem ^-^

Para deixar esses dados em coluna é necessário entender a respeito de estilização da página (CSS), pois apenas com html e javascript seria limitado para fazermos essa operação de deixar cada tabuada uma lado a lado da outra. Vou deixar como referência alguns cursos de HTML e CSS que temos na plataforma:

Com esses cursos acima você aprimorará os conhecimentos de HTML que você adquiriu nesse curso de lógica e aprenderá sobre como estilizar o layout de uma página e isso inclui colocar elementos lado a lado em forma de coluna.

No código que você nos apresentou há algumas funções que não estão sendo utilizadas, como é o caso das funções: mostra e escreveTabuada, então podemos retirá-las do código.

Também podemos fazer apenas dois laços de repetição (for) que será responsável por nos mostrar uma única vez de qual tabuada aqueles resultados são e após isso, os resultados. Da forma como você fez (com três laços de repetição), é nos apresentado 10 vezes o título "tabuada do número X" e logo em seguida os resultados.

Veja como ficou as correções:


<meta charset="UTF-8">

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

    function mostraTabuada(coisa){

        document.write(coisa + "<br> <br>");
    }

    for (var multiplicante = 1; multiplicante <= 10; multiplicante++){

        document.write("Tabuada do " + multiplicante);
        pulaLinha();

        for(var multiplicador = 1; multiplicador <= 10; multiplicador ++){
            mostraTabuada(multiplicante +  " * " +  multiplicador + " = " + (multiplicante * multiplicador));
        }

    }

</script>

Resultado:

Tabuada do 1

1 * 1 = 1

1 * 2 = 2

1 * 3 = 3

1 * 4 = 4

1 * 5 = 5

1 * 6 = 6

1 * 7 = 7

1 * 8 = 8

1 * 9 = 9

1 * 10 = 10

Tabuada do 2

2 * 1 = 2

2 * 2 = 4

2 * 3 = 6

2 * 4 = 8

2 * 5 = 10

2 * 6 = 12

2 * 7 = 14

2 * 8 = 16

2 * 9 = 18

2 * 10 = 20

Tabuada do 3

3 * 1 = 3

3 * 2 = 6

3 * 3 = 9

3 * 4 = 12

3 * 5 = 15

3 * 6 = 18

3 * 7 = 21

3 * 8 = 24

3 * 9 = 27

3 * 10 = 30

... continua

Qualquer dúvida estou por aqui, tá bom?

Grande abraço!