Condição If/else nao reconhece Jquery

subzero59 · 10 de janeiro de 2017

Saudações,

estou desenvolvendo um pequeno identificador de hash para fins de estudo, ja finalizei todo o código, fiz as estruturas de condição e testei tudo com alert (tudo ok). Mas quando uso o jquery (funçao .html() ) em vez do alert, pra exibir o elemento na pagina apenas o primeiro if e o ultimo else funcionam. Alguem pode me ajudar, por favor.

Segue o codigo:

Marquei com comentario as funções do jquery dentro dos else/if, e deixei apenas o alert, tudo funcionando ok, agora tirem os comentarios e alertas e vejam.

<!DOCTYPE html>
<html lang="pt">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">    
    <title></title>    
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
	<style type="text/css">
        .page-header{
            text-align:center;
            padding:50px;
            color:#5bc0de;
           

        }
        
        .form-control{
            text-align:center;
        }
        
        body{
            font-family:"Courier New";           
            background-color:#E3F2FD;

        }
        
        #tipo{
            font-size:19px;       
           
        }
        
	</style>

  </head>
  <body>
      <div class="page-header">
            <h1>Hash Identify</h1>
        </div>
    <div class="container col-sm-6 col-sm-offset-3" id="bloco">        
        <input type="text" id="valor" class="form-control" placeholder="Hash"><br>
        <button type="button" id="botao" class="btn btn-info btn-md col-sm-offset-5">Identificar</button>
        <br><br><br><p class="col-sm-offset-3" id="tipo"></p>
        
    </div>      
       
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script>
        $(document).ready(function(){           
            $("#botao").click(function(){                
                var hash = $("#valor").val();
                var tamanho = hash.length;
                
                if(tamanho == 32){
                    alert("A hash é MD5 ou MD4 ou MD2");                    
                    //$("#tipo").html("A hash é MD5 ou MD4 ou MD2");
                    
                }
                
                
                else if(tamanho == 40){
                    alert("A hash é SHA-1 ou MySql v5.x");                    
                    //$("#tipo").hmtl("A hash é SHA-1 ou MySql v5.x");
                }
                
                
                else if(tamanho == 13){
                    alert("A hash é DES(Unix)");                    
                    //$("#tipo").hmtl("A hash é DES(Unix)");
                }
                
                else if(tamanho == 34 && hash.substring(0,3) == "$1$"){
                    alert("A hash é MD5(Unix)");                    
                    //$("#tipo").hmtl("A hash é DES(Unix)");
                }
                
                
                else if(tamanho == 37 && hash.substring(0,6) == "$apr1$"){
                    alert("A hash é MD5(APR)");                    
                    //$("#tipo").hmtl("A hash é MD5(APR)");
                }
                
                
                else if(tamanho == 34 && hash.substring(0,3) == "$H$"){
                    alert("A hash é MD5(phpBB3)");                    
                    //$("#tipo").hmtl("A hash é MD5(phpBB3)");
                }
                
                else if(tamanho == 34 && hash.substring(0,3) == "$P$"){
                    alert("A hash é MD5(Wordpress)");                    
                    //$("#tipo").hmtl("A hash é MD5(Wordpress)");
                }
                
                else if(tamanho == 55 && hash.substring(0,3) == "$5$"){
                    alert("A hash é SHA-256(Unix)");                    
                    //$("#tipo").hmtl("A hash é SHA-256(Unix)");
                }
                
                
                else if(tamanho == 98 && hash.substring(0,3) == "$6$"){
                    alert("A hash é SHA-512(Unix)");                    
                    //$("#tipo").hmtl("A hash é SHA-512(Unix)");
                }
                
                else{
                    alert("Hash não reconhecida");                    
                    //$("#tipo").html("Hash não identificada");
                    //$("#tipo").attr("class" , "col-sm-offset-4");                    
                }
                
           })
        })
    </script>  
  </body>
</html>