JSFiddle - React, Tailwind, and code Playground

by Dražen Alpeza

JavaScript

var tournaments = ['bundes', 'league1', 'premier', 'primera', 'seriea'];
var teams = [];
var groups = [];

function getData(id) {
    var url = "http://api.helloworld.ba/n/app.php?f=" + id;
    return $.getJSON(url);
}

var AJAX = [];
for (i = 0; i < tournaments.length; i++) {
    AJAX.push(getData(tournaments[i]));
}

$.when.apply($, AJAX).done(function () {

    for (var i = 0, len = arguments.length; i < len; i++) {
        teams.push(arguments[i][0]);
    }

    createGroups(teams);
});

function createGroups(teams) {
    var
    arr = [],
        arra = [],
        arrb = [],
        arrc = [],
        arrd = [],
        br = 1;


    for (i = 0; i < teams.length; i++)
    for (var j = 0; j < teams[i].standing.length; j++) {
        teams[i].standing[j].league = teams[i].leagueCaption;
        arr.push(teams[i].standing[j]);
    }
    arr.sort(function (a, b) {
        return b.points - a.points;
    });

    for (i = 0; i < 4; i++) {
        arra.push(arr[i].teamName);
        arrb.push(arr[i + 4].teamName);
        arrc.push(arr[i + 8].teamName);
        arrd.push(arr[i + 12].teamName);
    }
    groups.push(arra);
    groups.push(arrb);
    groups.push(arrc);
    groups.push(arrd);

    console.log("List of starting object, and sorted object:\n\n");
    console.log(teams);
    console.log(arr);
    console.log("\n");
    console.log("Groups listed:\n\n");
    for (i = 0; i < groups.length; i++) {
        console.log("Group " + br + " " + groups[i]);
        br++;
    }
}