JSFiddle - React, Tailwind, and code Playground

by skram

HTML

<input class="inputs" type="text" maxlength="1" class="inputs" />
<input class="inputs" type="text" maxlength="1" class="inputs" />
<input class="inputs" type="text" maxlength="1" class="inputs" />
<input class="inputs" type="text" maxlength="1" class="inputs" />
<input class="inputs" type="text" maxlength="1" class="inputs" />
<input class="inputs" type="text" maxlength="1" class="inputs" />

CSS

input { width: 30px; margin: 5px;  }

JavaScript

$(".inputs").keyup(function () {
    if (this.value.length == this.maxLength) {
      $(this).next('.inputs').focus();
    }
});