Não aparece nada depois do titulo:

<meta charset="UTF-8">

<script>

function pulaLinha() {

    document.write("<br>")
}

function mostra(frase){

    document.write(frase);
}

function exibeTitulo(frase) {

    document.write("<h1>Diferença de idade!</h1>");
}
        exibeTitulo();
        pulaLinha();
;
        var idadeGabriel = 20;
        var idadeLucca = 7;

        var nome1 = "Gabriel";
        var nome2 = "Lucca";

        var calculo = (idadeGabriel - idadeLucca);

function resultado(frase) {
    document.write("A diferença de idade entre " + nome1 + " e " + nome2 + " é de: " + calculo);
}    
    //Para voce que é leigo, leia a partir daqui!

        mostra("<h2>Idade dos participantes.</h2>"),
        pulaLinha();

        mostra("Gabriel tem: " + idadeGabriel + " de idade" + "<br>");
        mostra("Lucca tem: " + idadeLucca + " de idade");
        pulaLinha();

        mostra("A diferença de idade entre os participantes é de: " + calculo + " anos de diferença")

    </script>