intento consumir una api y quiero que imprima como lista del 0 al 100 pero solo me imprime un valor , que estoy haciendo mal? , intenté haciendolo en unos div y cambiando de lado el bucle for pero me lanza lo mismo siempre
<!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>Document</title>
</head>
<body>
<div id="contenido"></div>
<script>
var contenido = document.querySelector('#contenido')
fetch('https://pokeapi.co/api/v2/pokemon')
.then(res=>res.json())
.then(data=>{
var i = 0;
console.log(data.results['0'])
for(i=0;i<=100;i++){toString(i)
contenido.innerHTML=`
<ol>
<li>
${data.results[i].name}
</li>
</ol>
`}
})
</script>
</body>
</html>