JSFiddle - React, Tailwind, and code Playground

HTML

<div id="bonuses"></div>

CSS

.iamhidden {
    display:none;
}

JavaScript

var tmplt = '<input autocomplete="off" name="BonusList.Bonuses.Index" type="text" class="iamhidden" value="3c6f7b63-cc96-4971-a5b5-2e4640ca97e5" /><input id="BonusList_Bonuses_3c6f7b63-cc96-4971-a5b5-2e4640ca97e5__ID" name="BonusList.Bonuses[3c6f7b63-cc96-4971-a5b5-2e4640ca97e5].ID" type="text" class="iamhidden" value="0" /> ';
var firstj = '<input  name="BonusList.Bonuses.Index" type="text" value="first" />'
$("#bonuses").append(firstj).append(firstj);
$("#bonuses").append(tmplt);
$('#bonuses').find('input:last').prev().removeClass("iamhidden").focus();