JSFiddle - React, Tailwind, and code Playground

HTML

<div>
<input type="text" onchange="return myOnChange(this,1);" id="prefix_1"/>
</div>

JavaScript

function myOnChange(context,curNum){
      nextNum = curNum+1;
      $(context.parentNode).append('<input type="text" onchange="return myOnChange(this,'+nextNum+')" id="prefix_'+nextNum+'" />');
      $('#prefix_'+nextNum).focus();
      return false;
}