Acortar hash

by borisjavier

HTML

<div id="showHash" class="showHash" 
    onmouseover="mostrarHashCompleto(this.id)" 
    onmouseout="mostrarHashAcortado(this.id)">
</div>
<hr>
<div id="showHash1" class="showHash"
    onmouseover="mostrarHashCompleto(this.id)" 
    onmouseout="mostrarHashAcortado(this.id)">
</div>

CSS

.showHash {
    cursor: pointer; /* Cambia el cursor a un puntero cuando se pasa el mouse */
    text-align: center;
}

JavaScript

function acortarHash(hash) {

    if (hash.length > 10) {
      var longitudMitad = (hash.length - 24) / 2;

      var primeraParte = hash.substr(0, Math.ceil(longitudMitad));

      var segundaParte = hash.substr(hash.length - Math.floor(longitudMitad));

      return primeraParte + "..." + segundaParte;
    } else {

      return hash;
    }
  }
  
  var hashOriginal = "15HGSX0cmRvBnuJPd77KT1m3V1LqBnKbcz";
var hashAcortado = acortarHash(hashOriginal);

document.getElementById('showHash').innerHTML = hashAcortado;
document.getElementById('showHash1').innerHTML = hashAcortado;
console.log(hashAcortado);

// Función para mostrar el hash completo
function mostrarHashCompleto(divy) {
    document.getElementById(divy).innerHTML = hashOriginal;
}

// Función para mostrar el hash acortado
function mostrarHashAcortado(divy) {
    document.getElementById(divy).innerHTML = hashAcortado;
}