JSFiddle - React, Tailwind, and code Playground

by tomasdev

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<h1>JavaScript encoder</h1>
<p>Input: <input id="input" /></p>
<p><button class="btn" id="button">Translate</button></p>
<p>Output: <textarea id="output"></textarea></p>

CSS

body {
    text-align: center;
}

JavaScript

var $ = function(w){ return document.getElementById(w); },
    input = $('input'),
    output = $('output'),
    button = $('button'),
    
    hex = function(n) {
        var u = n.toString(16);
        while (u.length < 4) {
            u = '0' + u;
        }
        return u;
    },
    
    translate = function() {
        var v = input.value,
            i = 0,
            l = v.length,
            out = '';
        for (; i < l;) {
            out += '\\u' + hex(v.charCodeAt(i));
            i++;
        }
        output.innerText = out;
    };

button.addEventListener('click', translate, false);