JSFiddle - React, Tailwind, and code Playground

by musicreader

JavaScript

function getMaterieelNummers(ritnummer,callback){
		 var xhttp = new XMLHttpRequest();
            xhttp.onreadystatechange = function() {
                if (this.readyState == 4 && this.status == 200) {
                    var data=JSON.parse(xhttp.responseText);
                    var delen=data.materieeldelen;
                    var mat_nummers=[];
                    delen.forEach(function(d){
                    	mat_nummers[mat_nummers.length]=d.materieelnummer;
                    });
                   callback(mat_nummers);
                }               
            };
            xhttp.open("GET", "https://sslsites.de/marco.leone.nl/ns/trein_info.php?ritnummer="+ritnummer, true);
            xhttp.send();
}

/*var ritnummer=1730;
getMaterieelNummers(ritnummer,function(mat_nummers){
 alert("Delen:"+mat_nummers.join("-"));
});*/


function alleTreinen(callback){
						var xhttp = new XMLHttpRequest();
            xhttp.onreadystatechange = function() {
                if (this.readyState == 4 && this.status == 200) {
                   var data=JSON.parse(xhttp.responseText);
                   
                   callback(data);
                }               
            };
            xhttp.open("GET", "https://sslsites.de/marco.leone.nl/ns/trein_locaties.php" , true);
            xhttp.send();
}

/*alleTreinen(function(treinen){
		alert("Aantal treinen:"+treinen.length);
});*/

function getRitnummer(materieelnummer,callback){
		 var xhttp = new XMLHttpRequest();
            xhttp.onreadystatechange = function() {
                if (this.readyState == 4 && this.status == 200) {
                    var nummer=parseInt(xhttp.responseText);                 
                    callback(nummer);
                }               
            };
            xhttp.open("GET", "https://sslsites.de/marco.leone.nl/ns/ritnummer.php?materieelnummer="+materieelnummer, true);
           ...