JSFiddle - React, Tailwind, and code Playground

HTML

<div id="shell"></div>

CSS

#shell{
    width:200px;
    font-size:25px;
}

row {
}
.answer {
}
.greyOut {
    color:#efefef;
}
.english{
    display:inline;
}
.box {
    display:inline;

}

JavaScript

$(document).ready(function () {
    var hiraganaSet = [
        ["あ", "a"],
        ["い", "i"],
        ["う", "u"],
        ["え", "e"],
        ["お", "o"],
        ["か", "ka"],
        ["き", "ki"],
        ["く", "ku"],
        ["け", "ke"],
        ["こ", "ko"],
        ["さ", "sa"],
        ["し", "shi"],
        ["す", "su"],
        ["せ", "se"],
        ["そ", "so"],
        ["た", "ta"],
        ["ち", "chi"],
        ["つ", "tsu"],
        ["て", "te"],
        ["と", "to"],
        ["は", "ha"],
        ["ひ", "hi"],
        ["ふ", "fu"],
        ["へ", "he"],
        ["ほ", "ho"],
        ["な", "na"],
        ["に", "ni"],
        ["ぬ", "nu"],
        ["ね", "ne"],
        ["の", "no"],
        ["ま", "ma"],
        ["み", "mi"],
        ["む", "mu"],
        ["め", "me"],
        ["も", "mo"],
        ["ら", "ra"],
        ["り", "ri"],
        ["る", "ru"],
        ["れ", "re"],
        ["ろ", "ro"],
        ["や", "ya"],
        ["ゆ", "yu"],
        ["よ", "yo"],
        ["わ", "wa"],
        ["を", "wo"],
        ["ん", "nn"] ];

    
for (i = 0; i < 10; i++) 

{

    var first = Math.floor((Math.random() * 46));
    var second = Math.floor((Math.random() * 46));
    var third = Math.floor((Math.random() * 46));
    var fourth = Math.floor((Math.random() * 46));
    var selector = Math.floor((Math.random() * 4));
    var firstHiragana = hiraganaSet[first][0];
    var secondHiragana = hiraganaSet[second][0];
    var thirdHiragana = hiraganaSet[third][0];
    var fourthHiragana = hiraganaSet[fourth][0];
    if (selector == 0){
    var romaji = hiraganaSet[first][1];
    var romajiData = hiraganaSet[first][0];
   
    }
    else if (selector == 1){
    var romaji = hiraganaSet[second][1];
    var romajiData = hiraganaSet[second][0];
    }
    else if (selector == 2){
    var romaji = hiraganaSet[third][1];
    var romajiData = hiraganaSet[third][0];
    }
    else if (selector == 3){
    var romaji = hiraganaSet[fourth][1];
    var romajiData = hiraganaSet[fourth][0];
    }
    
    
   ...