Un saludo ! les comparto mi código.

Quería crear un código que me retornara los números pares e impares del 1 al 100 (separándolos por listas claramente). para mejorarlo visualmente (en la imagen) lo modifique, el limite es hasta 20, sin embargo en el código el limite es como se planteo inicialmente.

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

HTML

<!DOCTYPE html>
<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>Contador</title>
</head>
<body style="display:flex; justify-content: space-around;">
    <div id="contenedor_pares" style="background-color:#ccc; padding:2rem;border-radius:20px">
        <h2>Numeros pares del 1 al 100</h2>
        <ul id="lista_pares" style="display:flex; padding:0; flex-direction:column;text-align:center;list-style:none">

        </ul>
    </div>
    <div id="contenedor_impares" style="background-color:#ccc; padding:2rem;border-radius:20px">
        <h2>Numeros impares del 1 al 100</h2>
        <ul id="lista_impares" style="display:flex; padding:0; flex-direction:column;text-align:center;list-style:none">

        </ul>
    </div>
</body>
<script src="code.js"></script>
</html>

JAVASCRIPT

const lista_pares = document.querySelector("#lista_pares");
const lista_impares = document.querySelector("#lista_impares");

// creamos un FOR para que haga dos fases (uno con par y otro con un impar)
// este ejercicio tiene ciclos anidados

for(i=1;i<=2;i++){
    if (i == 1){// si el numero es 1 (impar) ejecuta el ciclo
        while (i <= 100){ 
            let li = document.createElement("LI");
            li.innerHTML=`${i}`;
            lista_impares.appendChild(li) // el elemento creado con su valor lo agregamos a la lista
            i+=2  // al numero le sumamos 
        }
        i = 1; // reiniciamos el valor para que continue con la siguiente condicion 
    }
    else if (i == 2){// si el numero es 2 (par) ejecuta el ciclo
        while (i <= 100){
            let li = document.createElement("LI");
            li.innerHTML=`${i}`;
            lista_pares.appendChild(li) 
            i+=2
        }
        i = 2;// reiniciamos el valor para que finalice todo el ciclo
    }
}