Convert Binary to text using JavaScript

Question

I want to make a binary to text converter. I have already made a text to binary converter. Here is the code for that:

function convertText() {
    var output = document.getElementById("binaryConvert");
    var input = document.getElementById("textConvert").value;
    output.value = "";
    for (i=0; i < input.length; i++) {var e=input[i].charCodeAt(0);var s = "";
    do{
        var a =e%2;
        e=(e-a)/2;
        s=a+s;
        }while(e!=0);
        while(s.length<8){s="0"+s;}
        output.value+=s;
    }
}

But I don't know how to convert binary to text. Anyone know? Also if it is not binary they are inputting then in the textConvert box it has a value of "That is not binary you are inputting" or something like that. Here is all of my code:

<!doctype html>
<html>
<head>
<title>Binary Converter</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
function convertText() {
    var output = document.getElementById("binaryConvert");
    var input = document.getElementById("textConvert").value;
    output.value = "";
    for (i=0; i < input.length; i++) {var e=input[i].charCodeAt(0);var s = "";
    do{
        var a =e%2;
        e=(e-a)/2;
        s=a+s;
        }while(e!=0);
        while(s.length<8){s="0"+s;}
        output.value+=s;
    }
}
</script>
<noscript>
   Please enable JavaScript in your browsers settings to use this tool.
</noscript>
</head>
<body>
<center>
<div class="container">
    <span class="main">Binary Converter</span><br>
    <textarea class="textConvert" id="textConvert" onKeyUp="convertText()" placeholder="Input text to convert to Binary"></textarea>
    <textarea class="binaryConvert" id="binaryConvert" placeholder="Binary text" readonly></textarea>
    <div class="about">Made by <strong>Omar Latreche</strong></div>
</div>
</center>
</body>
</html>

Edit: I figured it out. Here is the code:

function convertBinary() {
    var bintext, textresult="", binlength;
    bintext = document.getElementById("text_result").value.replace(/[^01]/g, "");
    binlength = bintext.length-(bintext.length%8);
    for (z=0; z < binlength; z=z+8) {
        textresult += String.fromCharCode(parseInt(bintext.substr(z,8),2));
    }
    document.getElementById("text_convert").value = textresult;
}

Thanks for all answers!

It'd be great to set the solution as an answer to mark it as accepted, so others will now that the question is solved :) — Alfabravo
– Alfabravo, Commented Jun 6, 2017 at 20:41

hammer · Accepted Answer · 2014-01-26 15:21:46Z

3

Yes, use parseInt as suggested above - and consider using (+input).toString(2) to convert your input to binary :)

function convertText() {
   var output = document.getElementById("binaryConvert");
   var input = document.getElementById("textConvert").value;
   output.value = (+input).toString(2);
}

function convertBinary() {
   var output = document.getElementById("textConvert");
   var input = document.getElementById("binaryConvert").value;
   output.value = parseInt(input,2);
}

edited Jan 26, 2014 at 15:21

answered Jan 26, 2014 at 11:11

hammer

712 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

16.uk Over a year ago

Could you please make a JSFiddle of this? I'm a bit confused.

hammer Over a year ago

It does for me. Had a typo in the convertBinary, but parseInt("111",2) yields 7 and (+7).totring(2) yields "111"...

16.uk Over a year ago

Could you make a jsfiddle of it please? I don't know where everything goes. I'm confused.

hammer Over a year ago

You have made it work in one direction (decimal->binary). I trust you to be able to make the binary->decimal work. :)

techfoobar · Accepted Answer · 2014-01-26 11:05:21Z

1

You can use parseInt() with a radix of 2.

Ex: parseInt('10001', 2); returns 17

And if your input string isn't valid binary, it returns NaN which you can test using isNaN()

answered Jan 26, 2014 at 11:05

techfoobar

66.8k14 gold badges117 silver badges138 bronze badges

1 Comment

16.uk Over a year ago

Could you show me where all of this would go please? Like put it into my code? I'm a beginner.

orpqK · Accepted Answer · 2017-06-01 03:44:43Z

1

function binarytoString(str) {
  return str.split(/\s/).map(function (val){
    return String.fromCharCode(parseInt(val, 2));
  }).join("");
}

answered Jun 1, 2017 at 3:44

orpqK

2,80513 gold badges52 silver badges81 bronze badges

1 Comment

Badacadabra Over a year ago

While this code may answer the question, providing additional context regarding how and/or why it solves the problem would improve the answer's long-term value.

Collectives™ on Stack Overflow

Convert Binary to text using JavaScript

3 Answers 3

4 Comments

1 Comment

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

1 Comment

1 Comment

Related