JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/themes/ui-darkness/jquery-ui.css" />
<style>
body{
    background:#DDD
    }    
    
.main{
    font-family: arial;
    font-size:12px;
    width: 350px;
    margin-left:auto;
    margin-top:10px;
    margin-bottom:10px;
    margin-right:auto;
    padding: 5px;
    border:1px solid #333;
    background: #333;
    color:white;
    }   
.top{
    border: 1px solid white;
    padding: 5px;
    } 
.f{
    display:inline;
    margin: 3px;
    } 
.l{
    display:inline;
    margin-right: 10px;
    width: 100px;
    float: left;

    padding: 3px;
    }        
.block{
    padding: 10px;
    font-weight: bold;
    margin: 10px;
    background: #EB8F00 ;
    color:white;
    }    
.button{
    width: 50%; margin: 0 auto;
    padding-left:30%;
    }    
#ans{
    color:white;
    background:#EB8F00;
    margin-top: 10px;
    padding: 10px;
    height:40%;
    font-size:18px;
    }    
</style>

<div class="main">
    <div class=" top">Introduzca dos numeros binarios y compare cual es mayor.<br>
    Nota: no convertir a decimal</div>
   <div class="block">
        <div class="l">primer numero:</div>
        <div class="f"><input type="text" id="n1" value="0011100"></div>
    </div>
    <div class="block">   
        <div class="l">Segundo numero:</div>
        <div class="f"><input type="text" id="n2" value="11101" ></div>
    </div>
        <div class="button">
        <button id="op" >Go</button>
        </div>
</div>
<div class="main" style="height:200px;">
    <div class="top">
        Respuesta
    </div>    
    <div id="ans">
    
    </div>    
</div>

JavaScript

$(document).ready(function() {
  // creating nice buttons
    $("#op").button( 
        {icons: 
         {primary: "ui-icon-calculator"} 
        } ).click(function(){
           $("#ans").html( bigger($("#n1").val(), $("#n2").val()) );
    });
    
    
});

function bigger(nu1, nu2){
    if (! ( /^[01]+$/.test(nu1) &&  /^[01]+$/.test(nu2)) ) { 
    return "valores introducidos no son binarios";
    }
    
    nu1 = nu1.replace(/^[0]+/g,"");
    nu2 = nu2.replace(/^[0]+/g,"");
    $n1a = nu1.split("");
    $n2a = nu2.split("");
    
    if($n1a.length > $n2a.length){
       return nu1 + " es mayor que " + nu2;
     } else 
         if($n1a.length < $n2a.length){
            return nu2 + " es mayor que " + nu1;
         } else {
         // equal length
             for(var i = 0; i<$n1a.length; i++){
                 if($n1a[i] > $n2a[i]){
                    return nu1 + " es mayor que " + nu2;
                 } else if($n1a[i] < $n2a[i]) {
                    return nu2 + " es mayor que " + nu1;
                 }
             }
             return nu1 + " es igual a " + nu2;
         
         }
}