JSFiddle - React, Tailwind, and code Playground

HTML

<p id="output"></p>

JavaScript

var x = "Well Done!";
    var y = "";
    var c;
    for (var i = 0; i < x.length; i++)
    {
        c = x.charCodeAt(i);
        if (c >= 48 && c <= 57 || c >= 97 && c <= 122)
        {
            y += x[i];
        }
        else if (c >= 65 && c <=  90)
        {
            y += String.fromCharCode(c+32);
        }
        else if (c == 32)
        {
            y += '-';
        }
    }
    $('#output').html(y);