JSFiddle - React, Tailwind, and code Playground

by Ranganadh Paramkusam

HTML

<div class="main_div">
<input type="number" />
<input type="number" />
<input type="number" />
<input type="number" />
<input type="number" />
<input type="number" />
<input type="number" />
<input type="number" />
<input type="number" />
<input type="number" />
<input type="number" />
<input type="number" />
<input type="number" />
<input type="number" />
<input type="number" />
</div>

CSS

.main_div{
    width: 180px;
}
input{
    width:50px;
}

JavaScript

$(document).ready(function(){
$("input[type=number]").bind("click",function(){
$('input[type=number]').filter(function(){return $(this).val()=="";}).first().trigger("focus");
});
});