JSFiddle - React, Tailwind, and code Playground

by kalmarsh80

HTML

<table id="tableSpace"></table>

JavaScript

var loans = ["jIM | 22", "TOm   |  23", " alPHonso | 111", "  RENata | 3", "  biLLIUS | 11", " caRL | 300", "Will | 711", "    eLsA | 30"];
function alphabetica(arrInput){
    var nameArray = [];
    var loanArray = [];
    var tableContents = "";
    
    for (var i = 0; i < arrInput.length; i++) {
        nameArray[i] = (arrInput[i].trim().split(" "))[0];
        var strLength = (arrInput[i].trim().split(" ")).length;
        loanArray[i] = parseInt((arrInput[i].trim().split(" "))[strLength - 1], 10);
    
    
        tableContents += "<tr>";
        tableContents += "<td>";
        tableContents += nameArray[i];
        tableContents += "</td>";
        tableContents += "<td>";
        tableContents += loanArray[i];
        tableContents += "</td>";
        tableContents += "</tr>";
    }
    document.getElementById("tableSpace").innerHTML = tableContents;
}
alphabetica(loans);