JSFiddle - React, Tailwind, and code Playground

by asicfr

HTML

<button onclick="loadurl()">Go</button>
<div id="id01">In progress ...</div>

JavaScript

var nbload = 0;
		var sizeload = 0;
		var url2 = "datas2.json";
		
		function loadurl() {
			sendThat(url2 + "?tt=1257653421");
			sendThat(url2 + "?tt=7654323456");
			sendThat(url2 + "?tt=546384843");
			sendThat(url2 + "?tt=1234568465262");
		}
		
		function sendThat(url) {
			
			var xmlhttp = new XMLHttpRequest();
			xmlhttp.onreadystatechange = function() {
				if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
					nbload = nbload + 1;
					var myArr = JSON.parse(xmlhttp.responseText);
					sizeload = sizeload + xmlhttp.responseText.length;
					myFunction();
				}
			};
			xmlhttp.open("GET", url, true);
			xmlhttp.send();
		}

		function myFunction() {
			document.getElementById("id01").innerHTML = "Done count " + nbload + " for "  + sizeload;
		}