Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Consolidando meu conhecimento básico com funções.

Referente ao curso JavaScript e HTML: desenvolva um jogo e pratique lógica de programação, no capítulo Crie suas próprias funcionalidades e atividade Consolidando seu conhecimento

por Estudante
| 103.3k xp | 1 posts

Boa tarde :)

Sobre essa nova didática do uso de funções, quis consolidar o meu conhecimento da aula 4, no antigo, nem tanto, exercício da Tabuada do Moacir, deixando ela mais "bonitinha".

Gostaria de saber se possui algum tipo de erro ou uso desnecessário de função / não uso de alguma a mais que poderia tornar o código mais intuitivo e compacto, utilizando somente dos conhecimentos adquiridos até então.

Segue o código:

<meta charset="UTF-8">

<script>

    function pulaLinha(){

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

    function mostra(msg){

        document.write(num + msg);
        pulaLinha();
    }

    // input
    var num = 8

    document.write("<h1>TABUADA DO MOACIR</h1><br><hr>");

    mostra(" x " + "1 = " + num * 1);
    mostra(" x " + "2 = " + num * 2);
    mostra(" x " + "3 = " + num * 3);
    mostra(" x " + "4 = " + num * 4);
    mostra(" x " + "5 = " + num * 5);
    mostra(" x " + "6 = " + num * 6);
    mostra(" x " + "7 = " + num * 7);
    mostra(" x " + "8 = " + num * 8);
    mostra(" x " + "9 = " + num * 9);
    mostra(" x " + "10 = " + num * 10);



</script>
1 resposta
solução!
por Akashi
| 220.4k xp | 284 posts

Lucas,

seu código está correto, e funciona. Isto é ótimo, parabéns!

Quanto à sua dúvida, digo que existem várias formas de, apenas usando o conhecimento que adquiriu, escrever seu código de forma igualmente correta.

Acho que uma das formas menos trabalhosa, do ponto de vista de digitação seria mudar todo o texto que se repete para que a 'function' faça todo o trabalho braçal:

<meta charset="UTF-8">

<script>

    function pulaLinha(){

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

    function mostra(multiplicador){

        document.write(num + " x " + multiplicador + " = " + num * multiplicador);
        pulaLinha();        
    }
    // input
    var num = 8;

    document.write("<h1>TABUADA DO MOACIR</h1><br><hr>");

    mostra(1);
    mostra(2);
    mostra(3);
    mostra(4);
    mostra(5);
    mostra(6);
    mostra(7);
    mostra(8);
    mostra(9);
    mostra(10);

</script>

A function pulaLinha() tem importância para seu aprendizado sobre o funcionamento das funções. Mas se a retirássemos, o código ficaria menor ainda:

<meta charset="UTF-8">

<script>

    function mostra(multiplicador){

        document.write(num + " x " + multiplicador + " = " + num * multiplicador);
        document.write("<br><hr><br>");        
    }
    // input
    var num = 8;

    document.write("<h1>TABUADA DO MOACIR</h1><br><hr>");

    mostra(1);
    mostra(2);
    mostra(3);
    mostra(4);
    mostra(5);
    mostra(6);
    mostra(7);
    mostra(8);
    mostra(9);
    mostra(10);

</script>

Mais pra frente, com a aula 7, vai ver loops para realizar repetições. Aí vai ficar mais fácil ainda.

Aproveito para dizer para não se esquecer do ponto e vírgula ao final de cada linha de comando como boa prática, e desejar-lhe bons estudos!