Espero que ajude
<meta charset="utf-8">
<script>
// calcule quantos anos passaram desde 1500 e divida o resultado pela média de 28 anos.
function pulaLinha() {
document.write("<br>");
}
function mostra(argument) {
document.write(argument);
pulaLinha();
}
function anosPassados(anos) {
mostra("Passaram-se: " + anos + " anos.")
pulaLinha();
mostra("Com isso temos: " + Math.round(anos/28) + " gerações.")
}
anosPassados(2022-1500);
</script>
eu fiz assim:
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Problema de gerações</title>
</head>
<body>
<p>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?</p>
<script>
function pulaLinha() {
document.write("<br>")
}
function mostra(frase) {
document.write(frase)
}
var anoAtual = 2022;
var anoColonial = 1500;
var geracao = (2022-1500)/28
mostra("Desde a colonizção do Brasil, se passaram " + Math.round(geracao) + " gerações." )
</script>
Boa tarde, Gabriela Villagran Pereira , o que viria a ser esses dois comandos meta no seu arquivo?
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
A primeira linha é para configurar a página para não ter problema de compatibilidade em relação ao navegador
A segunda linha é para configurar a página para ficar com um layout bonito
Espero ter ajudado