Erro ao colocar título

Quando faço o programa adicionando um título, o resultado da concatenação entre frase e resultado não aparece.

<meta charset = "UTF-8">
<script>
    function pularLinha() {
            document.write("<br");
    }

    function exibirTitutlo(titulo){
            document.write("<h1>"+ titulo + "</h1>");
            pularLinha();
    }

    function mostra(resultado){
        document.write(resultado);
        }

    var minhaIdade = 12;
    var idadeIrmao = 3;
    var diferençaIdade = minhaIdade - idadeIrmao;

exibirTitutlo("A idade do meu irmão.");

mostra("Nossa diferença de idade é de " + diferençaIdade + " anos.");

</script>

Quando tiro o título esse problema não acontece:

<meta charset = "UTF-8">
<script>
    function pularLinha() {
            document.write("<br");
    }

    function exibirTitutlo(titulo){
            document.write("<h1>"+ titulo + "</h1>");
            pularLinha();
    }

    function mostra(resultado){
        document.write(resultado);
        }

    var minhaIdade = 12;
    var idadeIrmao = 3;
    var diferençaIdade = minhaIdade - idadeIrmao;

mostra("Nossa diferença de idade é de " + diferençaIdade + " anos.");

</script>

Além do fato de eu fazer questão de colocar um título alguém pode me explicar onde esta o erro? rs