JSFiddle - React, Tailwind, and code Playground

by frogggeee McFrogggeee

HTML

<p id = "progress">
progress</p>

JavaScript

//https://scratch.mit.edu/messages/ajax/user-activity/?user=halo3rules&max=10
time = [];
function info(user) {
  fetch('https://scratchdb.lefty.one/v2/user/info/' + user)
  .then(response => response.json())
  .then(data => {
   //console.log(data);
   time.push(data.query_time);
   if (time.length > 9) {
   console.log(time)
   }
  });
}
for (let i = 0; i < 10; i++) {
//info("griffpatch");
}
let users = [];
let goal = 50;
let user = "griffpatch";
let reps = 0;
for (let i = 0; i < goal; i++) {
extract(i)
}
function extract(p) {
	fetch('https://cors-anywhere.herokuapp.com/https://api.scratch.mit.edu/users/' + user + '/followers?offset=' + p)
	 .then(response => response.json())
	 .then(data => {
	  for (let i = 0; i < data.length; i++) {
			users.push(data[i].username);
      document.getElementById("progress").innerHTML = "Progress: " + users.length + "/" + (goal * 20) + "<br>" + (Math.round((users.length / (goal * 20))*100)/10);
	  }
  reps++;
	  if (reps == goal) {
    // users
	  }
	});
}