JSFiddle - React, Tailwind, and code Playground

by Eugene Krevenets

HTML

<div>encoded:<div id="encodedMessage"></div></div>
<div>decoded:<div id="decodedMessage"></div></div>

JavaScript

(function(){
	var encodedMessage = '0100100001100001011100000111000001111001001000000110001001101001011100100111010001101000011001000110000101111001001000010010000001010111011001010010000001110111011010010111001101101000001000000111100101101111011101010010000001100001011011000110110000100000011001010111100001110100011100100110010101101101011001010110110001111001001000000110000101101101011000010111101001101001011011100110011100100000011100110111010001110101011001100110011000101001';
    var decodedMessage = '';
    for(var chankIndex = 0, count = encodedMessage.length; chankIndex < count; chankIndex+=8){
        var value = 0;
        for(var index = 0; index < 8; index++){
            value <<=1;
            value |= (encodedMessage[8*chankIndex + index] == '1')?1:0;
        }
        decodedMessage+=String.fromCharCode(value);
    }
        
	$('#encodedMessage').append('<p>'+encodedMessage+'</p>');    
    $('#decodedMessage').append('<p>'+decodedMessage+'</p>');    
})();