<div class="hash_input">テスト</div>
<div class="hash_output"></div>
<div class="hash_input2">テストだよ</div>
<div class="hash_output2"></div>
const sha256 = async (text) => {
const uint8 = new TextEncoder().encode(text)
const digest = await crypto.subtle.digest('SHA-256', uint8)
return Array.from(new Uint8Array(digest)).map(v => v.toString(16).padStart(2,'0')).join('')
}
const test1 = document.querySelector('.hash_input').textContent;
sha256(test1).then(hash => {
console.log(hash)
document.querySelector('.hash_output').textContent = hash;
});
const test2 = document.querySelector('.hash_input2').textContent;
sha256(test2).then(hash => {
console.log(hash)
document.querySelector('.hash_output2').textContent = hash;
});
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.