Fiz da seguinte forma:
<meta charset = "UTF-8">
<script>
//FUNÇÃO DE QUEBRA DE LINHAS
function pulaLinha() {
document.write("<br><br>")
}
//FUNÇÃO PRA EXIBIR TEXTOS
function texto(x) {
document.write(x)
}
// VARIÁVEIS
var anoAtual = 2020; // ANO EM QUE VOCÊ ESTÁ
var anoInicio = 1500; // ATÉ QUAL ANO VOCÊ QUER CONTAR O NÚMERO DE GERAÇÕES
var idadeIdeal = 28; // QUAL É A IDADE MÉDIA EM QUE AS PESSOAS TÊM FILHOS
var numGeracoes = (anoAtual - anoInicio) / idadeIdeal;
// EXIBIR RESULTADO NA TELA
texto("Em média, um casal tem filhos quando atingem " + idadeIdeal + " anos. Isso significa que:");
pulaLinha();
texto("De " + anoInicio + " até " + anoAtual + " se passaram " + Math.round(numGeracoes) + " gerações." );
</script>
Usei o comando // pra deixar o código bem explicativo. Armazenei todos os valores em variáveis para que possam ser facilmente modificados, sem comprometer a lógica do cálculo de gerações. Algum comentário?