JSFiddle - React, Tailwind, and code Playground

HTML

<input>
<input class="userinput" />
<input class="userinput" />
<input>
<input>
<input class="userinput" />
<input class="userinput" />
<input class="userinput" />
<input>
<input>
<input class="userinput" />
<input class="userinput" />

JavaScript

var currentBoxNumber = 0;
$(".userinput").keyup(function (event) {
    if (event.keyCode == 190) {
        textboxes = $("input.userinput");
        currentBoxNumber = textboxes.index(this);
        console.log(textboxes.index(this));
        if (textboxes[currentBoxNumber + 1] != null) {
            nextBox = textboxes[currentBoxNumber + 1];
            nextBox.focus();
            nextBox.select();
            event.preventDefault();
            return false;
        }
    }
});