JSFiddle - React, Tailwind, and code Playground

by meetaaronsilber

HTML

<div id="packval">111111111101010011010111011100110110101000</div>
<div id="packedval"></div>
<div id="unpackedval"></div>

JavaScript

function pack(/* string */ values) {
    var chunks = values.match(/.{1,16}/g), packed = '';
    for (var i=0; i < chunks.length; i++) {
        packed += String.fromCharCode(parseInt(chunks[i], 2));
    }
    return packed;
}

function unpack(/* string */ packed) {
    var values = '';
    for (var i=0; i < packed.length; i++) {
        values += packed.charCodeAt(i).toString(2);
    }
    alert(values);
    return values;
}

var packval = $('#packval').text();
var retval = pack(packval);
$("#packedval").append(retval);

var unpacked = unpack(retval);
$("#unpackedval").append(unpacked);