Variável não armazena valor

Debugando pelo navegador, notei que a variável "anos" não está armazenando o valor. Poderia me ajudar pois não consigo visualizar o erro.

<meta charset="utf-8">

<script type="text/javascript">

    //Exibe a diferença entre 1500 e 2022.
    function totalAnos(){
        var anoInicio = 1500;
        var anoAtual = 2022;

        var total = (anoAtual - anoInicio);
        mostra(total);
    }

    //Recebe os anos que passaram entre 1500 e 2022 e divide por 28, que é o ano médio de cada geração e exibe o resultado.
    function cadaGeracao(anosPassados){
        var anosGeracao = 28;

        var valor = (anosPassados / anosGeracao);
        mostra(valor);
    }

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

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

    var anos = (totalAnos());   //Armazena o valor da diferença de 2022 - 1500.

    mostra("Passaram-se " + anos + " anos desde 1500.");
    pulaLinha();
    mostra("Em 2022 estamos na " + Math.round(cadaGeracao(anos)) + "º geração.");
</script>