JSFiddle - React, Tailwind, and code Playground

by Jon-Carlos Rivera

HTML

<div id="blah"></div>

JavaScript

var z = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789<\"\'>;\:=-!.,?";
var y = "安吧爸八百北不大岛的弟地东都对多儿二方港哥个关贵国过海好很会家见叫姐京九可老李零六吗妈么没美妹们明名哪那南你您朋七起千去人认日三上谁什生师识十是四他她台";

var table = {};

// make the table from the strings above...
z.split('').forEach(function(c, i){ table[c] = this[i]; }, y);

function spitOut() {
	var x = "<span style=\"font-color: #f00;\">This is a test!</span>";
	var w = "";
	var i;

	for(i = 0; i < x.length; i++) {
        w += table[x[i]] || x[i];
	}

	return w;
}

document.getElementById('blah').innerHTML = spitOut();