JSFiddle - React, Tailwind, and code Playground

HTML

<button id="invoiceid">Invoice ID</button>
<div id="uuid"></div>

JavaScript

$(document).ready(function() {
    function invoiceid() {
        var d = new Date().getTime();
        var uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
            var r = (d + Math.random()*16)%16 | 0;
            d = Math.floor(d/16);
            return (c=='x' ? r : (r&0x3|0x8)).toString(16);
        });
        return uuid;
    };
    
    function shortInvoiceId() {
        return invoiceid().substr(0, 18);
    }
    
    $('#invoiceid').on('click', function() {
        $('#uuid').html(shortInvoiceId());
    });
    
    $('#uuid').html(shortInvoiceId());
});