JSFiddle - React, Tailwind, and code Playground

by borisjavier

HTML

<input type="text" id="ish" value="">
<input type="hidden" id="isha" value = "cc399d73903f06ee694032ab0538f05634ff7e1ce5e8e50ac330a871484f34cf">
<button type="button" id="butt">
BotĂłn
</button>

JavaScript

const ish = document.getElementById('ish');


function hash(string) {
  const utf8 = new TextEncoder().encode(string);
  return crypto.subtle.digest('SHA-256', utf8).then((hashBuffer) => {
    const hashArray = Array.from(new Uint8Array(hashBuffer));
    const hashHex = hashArray
      .map((bytes) => bytes.toString(16).padStart(2, '0'))
      .join('');
    return hashHex;
  });
}

async function compare() {
const hashy = await hash(ish.value);
 if(hashy == isha.value) {
 	alert('Le pegamos!')
 } else {
 console.log('ish.value hasheado es ' + hashy)
 alert ('La embarramos...')
 }
}

const element = document.getElementById('butt');
element.addEventListener("click", compare);
/*document.addEventListener("click", function handler(e) {
  e.currentTarget.removeEventListener(e.type, handler);
  alert('Only once');
});*/