JSFiddle - React, Tailwind, and code Playground

by Alexander

HTML

<table id="list"></table>

CSS

td {
    color: #fff;
    min-width: 100px;
    text-align: center;
}

JavaScript

var a = ['mayorov', 'gruntovich', 'gostev', 'saarinen', 'blinovskova', 'ermakov', 'maksimova', 'makushev'],
    $list = $('#list');

for (k in a){
    $list.append( $('<tr><td bgcolor="'+a[k]+'">'+a[k]+' - '+parseInt(a[k],29)+'</td></tr>') );
}