JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="output"></ul>

JavaScript

var l1 = ['b', 'm', 't', 'c', 'p', 'w']
    l2 = ['a', 'i', 'o']
    l3 = ['h', 'n', 'r', 'v']
    l4 = ['e', 'o']
    l5 = ['s', 'd', 'f', 'g', 'k', 'l', 'n', 'y']

function cl(arr) {
    var n = Math.floor(Math.random() * arr.length);
    return arr[n];
}

function createWord() {
    var w = cl(l1) + cl(l2) + cl(l3) + cl(l4) + cl(l5);
    w = "<li>" + w + "</li>";
    return w;
}

for (i = 0; i < 30; i++) {
    $('#output').append( createWord() );
}