JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <button type="button" id="fun">I want fun!</button>
    <button type="button" id="clr">Clear</button>
</div>
<textarea class="console" id="console"></textarea>

CSS

.console {
    overflow: scroll;
    font-family:"Courier New", monospace;
    font-weight: bold;
    font-size:11pt;
    color: #3f1;
    background: #000;
    height: 25em;
    width: 100%;
    white-space: pre;
}

JavaScript

var MINLENGTH=4;
var MAXLENGTH=7;

/**
 * Returns a random integer between min and max
 * Using Math.round() will give you a non-uniform distribution!
 */
function getRandomInt(min, max) {
    return Math.floor(Math.random() * (max - min + 1)) + min;
}

function genword() {
    var startphonemes = [
        [
            'а', 'е', 'и', 'о', 'у',
            'а', 'е', 'и', 'о', 'у',
            'а', 'е', 'и', 'о', 'у',
            'а', 'е', 'и', 'о', 'у',
            'а', 'е', 'и', 'о', 'у',
            'а', 'е', 'и', 'о', 'у',
            'а', 'е', 'и', 'о', 'у',
            'а', 'е', 'и', 'о', 'у',
            'а', 'е', 'и', 'о', 'у', 'я',
            'а', 'е', 'и', 'о', 'у', 'ю', 'я',
            'э',
            'о', 'ай',
            'ей', 'ой', 'уй', 'яй', ],
        [
            'б', 'в', 'г', 'д', 'ж', 'з', 'к', 'л', 'м', 'н', 'п',
            'р', 'с', 'т', 'ф', 'х', 'ц', 'ч', 'ш', 'щ',
            'б', 'в', 'г', 'д', 'ж', 'з', 'к', 'л', 'м', 'н', 'п',
            'р', 'с', 'т', 'ф', 'х', 'ц', 'ч', 'ш',
            'б', 'в', 'г', 'д', 'ж', 'з', 'к', 'л', 'м', 'н', 'п',
            'р', 'с', 'т', 'х', 'ц', 'ч', 'ш',
            'б', 'в', 'г', 'д', 'ж', 'з', 'к', 'л', 'м', 'н', 'п',
            'р', 'с', 'т', 'х',
            'б', 'в', 'г', 'д', 'ж', 'з', 'к', 'л', 'м', 'н', 'п',
            'р', 'с', 'т', 'х', 'ц', 'ч', 'ш',
            'б', 'в', 'г', 'д', 'ж', 'з', 'к', 'л', 'м', 'н', 'п',
            'р', 'с', 'т', 'х',
            'сп', 'ст', 'ср', 'мн', 'гд', 'дж', 'дз', 'ск',
            'сл', 'тр', 'спр', 'сн', 'кв',
            'зм', 'зк', 'зн',
            'кл', 'кр', 'бл', 'вл', ]
    ];

    var phonemes = [
        [
            'а', 'е', 'и', 'о', 'у',
            'а', 'е', 'и', 'о', 'у',
            'а', 'е', 'и', 'о',
            'а', 'е', 'и', 'о',
            'а', 'е', 'и', 'о', 'у',
            'а', 'е', 'и', 'о', 'у',
            'а', 'е', 'и', 'о',
            'а', 'е', 'и', 'о',
            'а', 'е', 'и', 'о',
            'а', 'е',...