JSFiddle - React, Tailwind, and code Playground

by dandrade78

HTML

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

CSS

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

JavaScript

(document).ready(function () {
        $('.inputs').on('keyup', function(){
            $(this).next().focus();
        })
});