O problema das gerações

Fiquei com a sensação de que escrevi demais, principalmente usando 3 vezes o "mostra", mas percebi que se escrevesse todo o HTML em um único "mostra" ou "document.write", a linha ficaria gigantesca. Então fiz dessa forma. Há alguma sugestão para melhorar meu código? Pensei em atribuir new Date().getFullYear(); ao "anoAtual" para que o código fosse mais dinâmico e tivesse mais longevidade, mas me agarrei ao que foi dado em aula para não avançar demais.

<meta charset="UTF-8">

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

    function mostraTexto(texto) {
        document.write(texto);
        pulaLinha();
    }

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

    var anoAtual= 2021
    var anoDescobrimento= 1500;
    var idadeMediaDeGravidez= 28;
    var geracoesCriadas= Math.round((anoAtual-anoDescobrimento) / idadeMediaDeGravidez);

mostraTitulo("Quantas gerações há por aí?");
mostraTexto("Em média, um casal tem filhos quando atinge a idade de 28 anos.");
mostraTexto("Os portugueses chegaram em 1500 no Brasil.");
mostraTexto("Seguindo essa média, temos cerca de " + geracoesCriadas + " gerações criadas no país.");

</script>