O problema das gerações.

Por que a formatação do texto não muda?

(Nota: não consigo abrir tópico pro curso)

<meta charset="utf-8">

<script>

    function pulaLinha() {

        document.write("<br>");

    }

    function pergunta(pergunta) {

        document.write("<h1>" + pergunta + "</h1");
        pulaLinha();

    }

    function resposta(resposta) {

        document.write("<p>" + resposta + "</p>");

    }


    var mediaCasalFilhos = 28;
    var brasilDescoberta = 1500;
    var anoAtual = 2021;
    var geracoes = (anoAtual - brasilDescoberta)/28;

pergunta("Em média, um casal tem filhos quando atinge a idade de 28 anos. Seguindo essa média, se os portugueses chegaram em 1500 no Brasil, então, a primeira geração de brasileiros surgiu em 1528, a segunda em 1556 e assim por diante. Desde 1500 até o ano atual, quantas gerações se passaram?");

resposta("Desde o descobrimento do Brasil e considerando a média de 28 anos por geração, passaram-se aproximadamente " + Math.round(geracoes) + " gerações de brasileiros até esse ano de 2021.");

</script>