UUID generator

by Konstantin Cryman

HTML

<button id="generate"> generate </button> : 
<input id="prefix" type="text" placeholder="prefix"  maxlength="6" style="" /> 
<input id="result" type="text" placeholder="result" /> ---- 
<input id="adddate" type="checkbox" /> add current date

CSS

#prefix{
  width: 80px !important;
}
#result{
  width: 420px !important;
  font-size: 32px;
}

JavaScript

function UID( prefix, count ){
        let _count = count || 32;
        let p = prefix || '';
        let d = new Date().getTime();
        let uuid = 'xxxxxxyyxxyyxxxxxxxxyyyyxxxxyyxx'.replace(/[xy]/g, function(c) {
            let r = (d + Math.random()*16)%16 | 0;
            d = Math.floor(d/16);
            return (c=='x' ? r : (r&0x3|0x8)).toString(32);
        });
        // return p+uuid.substring(0, 32);       
        return p+uuid.substring( 0, _count );

    }


button = document.getElementById('generate');
prefix = document.getElementById('prefix');
result = document.getElementById('result');
adddate = document.getElementById('adddate');



button.addEventListener( 'click', ( event ) => {
	const datePostfix = adddate.checked ? '_' + new Date().toLocaleDateString() : '';
	result.value = UID( prefix.value, 8 ) + datePostfix;
} );