JSFiddle - React, Tailwind, and code Playground

by Salmin Skenderovic

HTML

<ul id="list">
</ul>

JavaScript

var megaArray = [];

for (var i = 0;i < 10;i++) 
{
  $.get("https://jsonplaceholder.typicode.com/posts")
  .then(function(data) {
    megaArray.push(...data);
    
		console.log(i);
    if (megaArray.length > 999) {
      fire();
    }
  })
}


function fire() {
  for (var i = 0;i < 20;i++) 
  {
		$("#list").append("<li>" + megaArray[i].title + "</li>");	
  }
}