JSFiddle - React, Tailwind, and code Playground

HTML

<div id="output">Test</div>

JavaScript

var replaced = 'Well Done!'.replace(/([A-Z])|(\s)|([^a-z\d])/g, function (match, $0, $1) {
    //if ($0) return $0.toLowerCase();    
    if ($0) return String.fromCharCode($0.charCodeAt(0) + 32);
    else if ($1) return '-';
    return '';
});
document.getElementById("output").innerHTML = replaced;