JSFiddle - React, Tailwind, and code Playground

by dandrade78

HTML

<input class="inputs" type="text" maxlength="4" class="inputs" />
<input class="inputs" type="text" maxlength="4" class="inputs" />
<input class="inputs" type="text" maxlength="4" class="inputs" />
<input class="inputs" type="Number" maxlength="4" class="inputs" />
<input class="inputs" type="Number" maxlength="4" class="inputs" />
<input class="inputs" type="Number" maxlength="4" class="inputs" />

CSS

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

JavaScript

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