<main>
  <fieldset>
    <legend>Convert</legend>
    <label for="textToBinaryEl">textToBinary</label>
    <input type="text" id="textToBinaryEl" />
    <hr />
    <label for="binaryToTextEl">binaryToText</label>
    <input type="text" id="binaryToTextEl" />
  </fieldset>
</main>
'use strict';

// textToBinary("  d 0 123 5");
textToBinaryEl.addEventListener('input', ({target}) => binaryToTextEl.value = textToBinary(target.value));
// binaryToText("00100000 00100000 01100100 00100000 00110000 00100000 00110001 00110010 00110011 00100000 00110101")
binaryToTextEl.addEventListener('input', ({target}) => textToBinaryEl.value = binaryToText(target.value));

function binaryToText(str) {
  let output = [];
  str.split(" ").forEach((element) => {
    output.push(String.fromCharCode(parseInt(element, 2)));
  });
  return output.join("");
}

function textToBinary(str) {
  let output = "";
  str.split("").forEach((element) => {
    let char = element.charCodeAt(0).toString(2);
    output += ("00000000" + char).slice(-8).concat(" ");
  });
  return output;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.