JSFiddle - React, Tailwind, and code Playground

JavaScript

var hv = ['1', '2', '3', '4'];

$(document).ready(function () {
    for (var i = 0; i < hv.length; i++) {
        GetVmsOnHyper(hv[i]);
    }
});

function GetVmsOnHyper(id) {
    
    setTimeout(function() {
        virtualmachineinfo([{memory: id * 100, cpus: 111},
                            {memory: id * 100, cpus: 222},
                            {memory: id * 100, cpus: 333}]);
    }, 1000);
}

var avrg_mem = [];
var avrg_cpu = [];
var avrg_lng = [];

function virtualmachineinfo(vmData) {

    var vmcount = vmData.length;
    avrg_lng.push(vmcount);

    var mem_size = "medium";
    var cpu_size = "medium";
    for (var i = 0; i < vmData.length; i++) {
        
        //console.log(i);
        var vm_mem = vmData[i].memory;

        if (vm_mem > 6143) {
            mem_size = "large";
        }
        else if (vm_mem < 2047) {
            mem_size = "small";
        }
        avrg_mem.push(mem_size);

        var vm_cpu = vmData[i].cpus;

        if (vm_cpu > 4) {
            cpu_size = "large";
        }
        else if (vm_cpu < 2) {
            cpu_size = "medium";
        }
        avrg_cpu.push(cpu_size);
    }

    console.log(avrg_lng);
}