How to Create Converter for Binary to Decimal

[kikecoxon133]

If you are looking for a simple Converter For Binary To Decimal then you are at the right place. This converter works by entering a desired numeric value from the user then the user clicks the "Ok" button to convert the Binary Value to in Decimal Form.

This program creates using JavaScript.

You can also check the live demo of this simple tutorial, so you can get an idea and you can try this out, let's start coding.

⚙ Live Demo

JavaScript Source Code

This script will ask the user to input the numerical value to convert binary to decimal.

1. <
   
   script>
   
2. function
   
   binaryConvert_toDecimal(
   
   binary_Value )
   
   {
   
3. var
   
   decimalNumber =
   
   0
   
   ;
   
4. var
   
   placeValue =
   
   1
   
   ;
   
5. 
   
6. while (
   
   binary_Value >
   
   0
   
   )
   
   {
   
7. 
   
8. var
   
   remainder =
   
   binary_Value %
   
   10
   
   ;
   
9. var
   
   digitValue =
   
   remainder *
   
   placeValue;
   
10. decimalNumber =
    
    decimalNumber +
    
    digitValue;
    
11. placeValue *=
    
    2
    
    ;
    
12. 
    
13. binary_Value =
    
    Math
    
    .floor
    
    (
    
    binary_Value /
    
    10
    
    )
    
    ;
    
14. }
    
15. return
    
    decimalNumber;
    
16. }
    
17. 
    
18. var
    
    input =
    
    parseInt(
    
    prompt(
    
    "Enter your desired value."
    
    )
    
    )
    
    ;
    
19. 
    
20. input_solve =
    
    binaryConvert_toDecimal(
    
    input)
    
    ;
    
21. 
    
22. if
    
    (
    
    !
    
    isNaN(
    
    input)
    
    )
    
    {
    
23. document.write
    
    (
    
    "<h2><b style='color:red;'>"
    
    +
    
    input +
    
    "₂</b> in binary is equivalent to <b style='color:blue;'>"
    
24. +
    
    input_solve +
    
    "₁₀</b> in decimal. </h2>"
    
    )
    
    ;
    
25. }
    
26. while(
    
    isNaN(
    
    input)
    
    )
    
    {
    
27. input =
    
    parseInt(
    
    prompt(
    
    "Please enter a numerical value."
    
    )
    
    )
    
    ;
    
28. 
    
29. input_solve =
    
    binaryConvert_toDecimal(
    
    input)
    
    ;
    
30. 
    
31. if
    
    (
    
    !
    
    isNaN(
    
    input)
    
    )
    
    {
    
32. document.write
    
    (
    
    "<h2><b style='color:red;'>"
    
    +
    
    input +
    
    "₂</b> in binary is equivalent to <b style='color:red;'>"
    
33. +
    
    input_solve +
    
    "₁₀</b> in decimal.</h2>"
    
    )
    
    ;
    
34. }
    
35. }
    
36. </
    
    script>
    

Output:

Where the user types the value of binary to convert into decimal.

This is the output after the user types the numerical value.

⚙ Live Demo

For the full source code, kindly click the "Download Code" button below.

If you are interested in programming, we have an example of programs that may help you even just in small ways.

So what can you say about this work? Share your thoughts in the comment section below or email me at [email protected]. Practice Coding. Thank you very much.

Download