JSFiddle - React, Tailwind, and code Playground

HTML

<input value="ABC-0000" data-value="0" data-prefix="ABC-" id="incremental">
<a href="#" id="add">Add incremental</a>

JavaScript

$("#add").click(function() {
   var cur = parseInt($("#incremental").data('value')),
       prefix = $("#incremental").data('prefix'),
       padded;
    
    cur++;
 
    padded = ('000'+cur).slice(-4); // Prefix three zeros, and get the last 4 chars
    $("#incremental").val(prefix + padded);
    $("#incremental").data('value', cur);
});