JSFiddle - React, Tailwind, and code Playground

by serio

JavaScript

function flipText(backwards, upsideDown) {
    var convertedTxt = "";
    var convertedHTML = "";
    var doConvertedHTML = $('cConvertedHTML').hasClass('show') ? true : false;
    for (var c = (this.length - 1); c >= 0; c--) {
        var p = null;
        var didConvertedHTML = false;
        var g = (backwards) ? c : (-1 * (c - this.length + 1));
        var s = this.charAt(g);
        if (doConvertedHTML) {
            var cHTMLLen = convertedHTML.length;
            var cHTMLLast = (cHTMLLen >= 1) ? convertedHTML.charAt(cHTMLLen - 1) : "";
            if (s == " " && (cHTMLLast == " " || convertedHTML.substring(cHTMLLen - 6) == " ")) {
                convertedHTML += " ";
                didConvertedHTML = true;
            }
            else if (s == "\n") {
                didConvertedHTML = true;
            }
            else if (s == "\r" && cHTMLLast == "\n" && (cHTMLLen < 2 || s.charAt(cHTMLLen - 2) != "\r")) {}
        }
        if (upsideDown) {
            p = (flipTable[s] || flipTableFlipped[s] || flipTable[s.toLowerCase()] || s);
        }
        else {
            p = s;
        }
        convertedTxt += p;
        if (doConvertedHTML && !didConvertedHTML) {
            convertedHTML += (flipTableHTML[p] || HTMLTable[p] || p);
            didConvertedHTML = true;
        }
    }
    return Array(convertedTxt, convertedHTML);
}
window.addEvent('domready', function() {
    var original = $('originalText');
    original.focus();
    $('submitConvert').setStyle('display', 'none');
    $('share').setStyle('display', 'block');
    var converted = $('convertedText');
    var convertedHTML = $('convertedHTML');
    var back = $('backwards');
    var upside = $('upsideDown');
    var pFacebook = $('postFacebook');
    var pTwitter = $('postTwitter');
    var lastOriginalV = "";
    var justChange = function() {
        lastOriginalV = original.value;
        $('charCount').set('text', lastOriginalV.length);
        var converts =...