<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;
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.