<html lang="en">
<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>Promedio de edad de las familias</title>
</head>
<body>
<h3>Numeros pares del 1 al 100:</h3>
<br>
<input type="button" value="IMPRIMIR" class="imprimirNumPares" onclick="print()">
<div class="respuesta"></div>
<script>
var contRespuesta = document.querySelector(".respuesta");
function getOrdinal(n) {
var s=["th","st","nd","rd"],
v=n%100;
return n+(s[(v-20)%10]||s[v]||s[0]);
}
function print(){
let n = 0;
let i = 1;
let documentFrag = document.createDocumentFragment();
while(n <= 100){
let p = document.createElement("P");
p.innerHTML = `Your ${getOrdinal(i)} number is: ${parseInt(n)}`;
documentFrag.appendChild(p);
contRespuesta.appendChild(p)
i++;
n +=2;
}
}
</script>
</body>
</html>