JSFiddle - React, Tailwind, and code Playground

by frogggeee McFrogggeee

HTML

<body>
<h1>mail counter</h1>
<textarea id = "text" rows = "9"></textarea>
<br>
<button onclick = "count()">find mail</button>
<p id = "info">mail:</p>
<script>
let users = ["frogggeee_test", "samscallion", "frogggeee", "frog_general", "--baguette--", "catbowl3", "86fjn", "badmode"];
document.getElementById("text").value = users.join("\n");
let data1 = [];
let complete = 0;
function mail(user) {
  fetch("https://cors-anywhere.herokuapp.com/https://api.scratch.mit.edu/users/" + user + "/messages/count/")
  .then(response => response.json())
  .then(data => {
    data1.splice(data1.indexOf(user), 1, data);
    complete++;
    if (complete == users.length) {
    let result = "<br>";
    	for (let i = 0; i < users.length; i++) {
      	result += (users[i] + ": " + data1[i].count + "<br><br>");
      }
			document.getElementById("info").innerHTML = result;
    }
  });
}
function count() {
	users = document.getElementById("text").value.split("\n");
	for (let i = 0; i < users.length; i++) {
		data1.push(users[i]);
		mail(users[i]);
	}
}
count();
</script>
</body>