Será que fica bom assim?

<meta charset="UTF-8"/>

<script>

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

  }

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

  var anoAtual = 2022
  var anoPort = 1500
  var anos = 28    
  var tempoPassado = (anoAtual - anoPort)
      var resultado = tempoPassado / 28    

      mostra("<h2>" + "Resolva essa questão?" + "</h2>") ;
      mostra("<h4>" + "Em média, um casal tem filhos quando atinge a idade de 28 anos. Se os portugueses chegaram em 1500 no Brasil, então, a 1ª geração surgiu em 1528, a 2ª em 1556 e assim por diante.") ;

       mostra("<h4> Quantas gerações se passaram até hoje? ");
       mostra((("<h4> R: Se passaram ") + (tempoPassado) + " anos,") + (" com aproximadamente ") + Math.round (resultado) + " gerações.") ;

</script>