<meta charset="UTF-8">
<h1> Melhorando a manutenção do código </h1>
        <script>
            alert ("Aula 4"); 
        </script>
        <script>
            var ano = 2016;
                document.write("Flávio tem  " + (ano - 1977) + " anos <br>");
                document.write("Joaquim tem  " + (ano - 1996) + " anos");
                document.write("<br>");
            ano = 2017;
                document.write("Barney tem " + (ano - 1976) + " anos"+"<br>");
        </script>
    <br>

<h4> Formas de pular linha </h4>
<h5> 1 - Usando tag </h5>
        <script>
            var ano = 2016;
                document.write("Flávio tem  " + (ano - 1977) + " anos");
                document.write("<br>");
                document.write("<br>");
                document.write("Joaquim tem  " + (ano - 1996) + " anos");
                document.write("<br>");
                document.write("<br><br>");
            ano = 2017;
                document.write("Barney tem " + (ano - 1976) + " anos"+"<br>");
        </script>
    <br>

<h5> 2 - Usando variação </h5>    
        <script>
            var ano = 2016;
            var puloLinha = "<br><br><br><br>";
                document.write("Flávio tem  " + (ano - 1977) + " anos");
                document.write(puloLinha);
                document.write("Joaquim tem  " + (ano - 1996) + " anos");
                document.write(puloLinha);
            ano = 2017;
                document.write("Barney tem " + (ano - 1976) + " anos"+"<br>");
        </script>
    <br>

<h5> 3 - Usando função - (usar verbo para nomear) </h5>    
        <script>
            function pulaLinha() {

                    document.write("<br><br>");
                }
            var ano = 2016;
                document.write("Flávio tem  " + (ano - 1977) + " anos");
                pulaLinha(); 
                document.write("Joaquim tem  " + (ano - 1996) + " anos");
                pulaLinha();
            ano = 2017;
                document.write("Barney tem " + (ano - 1976) + " anos"+"<br>");
        </script>
    <br>

<h5> Funções com parâmetros </h5>    
        <script>
            function pulaLinha() {

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

                    document.write(frase);
                }    
                mostra("Olá pessoal")
                pulaLinha();    
            var ano = 2016;
                    //document.write("Flávio tem  " + (ano - 1977) + " anos");
                mostra("Flávio tem  " + (ano - 1977) + " anos")
                pulaLinha(); 
                    //document.write("Joaquim tem  " + (ano - 1996) + " anos");
                mostra("Joaquim tem  " + (ano - 1996) + " anos")
                pulaLinha();
            ano = 2017;
                    //document.write("Barney tem " + (ano - 1976) + " anos"+"<br>");
                mostra("Barney tem " + (ano - 1976) + " anos")
        </script>
    <br>

<h5> Função com instrução de chamada de outra função  </h5>    
        <script>
            function pulaLinha() {

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

            function mostra(frase) {

                document.write(frase);
                pulaLinha ();
                }    
            var ano = 2016;
                    mostra("Flávio tem  " + (ano - 1977) + " anos")
                    mostra("Joaquim tem  " + (ano - 1996) + " anos")
                ano = 2017;
                    mostra("Barney tem " + (ano - 1976) + " anos")
                    mostra( )
                    mostra("calopsita")
        </script>        
    <br>