JSFiddle - React, Tailwind, and code Playground

by soulwire

HTML

<script src="https://rawgithub.com/Caligatio/jsSHA/release-1.42/src/sha.js"></script>
<form id="form">
    <input id="input" type="text" placeholder="String to encode"/>
    <button>Encode</button>
</form>
<textarea id="output"></textarea>

CSS

html, body {
    padding: 20px;
    margin: 0;
}

#output {
    width: 100%;
}

JavaScript

var form = document.getElementById( 'form' );
var input = document.getElementById( 'input' );
var output = document.getElementById( 'output' );

form.onsubmit = function( event ) {
    event.preventDefault();
    console.log( input.value );
    
    var sha = new jsSHA( input.value, 'TEXT' );
    var hash = sha.getHash( 'SHA-384', 'HEX' );
    
    output.value = hash;
}