JSFiddle - React, Tailwind, and code Playground

by edgarinvillegas

HTML

<input id="_Q0" type="text" value="" maxlength="15" style="" autocomplete="off"></input>
<input id="_Q1" type="text" value="" maxlength="15" style="" autocomplete="off"></input>
<input id="_Q2" type="text" value="" maxlength="15" style="" autocomplete="off"></input>
<input id="_Q3" type="text" value="" maxlength="15" style="" autocomplete="off"></input>
<input id="_Q4" type="text" value="" maxlength="15" style="" autocomplete="off"></input>
<input id="_Q5" type="text" value="" maxlength="15" style="" autocomplete="off"></input>

JavaScript

$(function () {
    var $boxes = $("[id^=_Q]").hide().keyup(function(){
       var i = $(this).index();
       $boxes.eq(i+1).show();
    });
    $boxes.first().show();
});