JSFiddle - React, Tailwind, and code Playground

by Mr Anchovy

HTML

<h3>Text input</h3>

<textarea id="inputText"></textarea>

<h3>Input as 8-bit ASCII displayed in binary</h3>

<div id="outputBinary"></div>

CSS

* {
    font-family: sans-serif;
}
#outputBinary {
    font-family: monospace;
}

JavaScript

$("#inputText").keyup(function () {
    var txt = $(this).val();
    var bin = "";
    for (var i = 0; i < txt.length; i++) {
        bin += (txt.charCodeAt(i) + 256)
            .toString(2)
            .slice(1) + " ";
    }
    $("#outputBinary").html(bin);
});