JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://raw.githubusercontent.com/Caligatio/jsSHA/master/src/sha512.js"></script>
<form id="register" method="POST" action="">
<input type="password" id="reg_pwd" placeholder="Password" />
<input type="password" id="confirm_pwd" placeholder="Confirm Password" />
<input type="submit" value="submit" />
</form>
<p></p>

JavaScript

/* Password hash function */
		var b = $("form#register"),
        shaObj  = new jsSHA('SHA-512', 'TEXT');
    b.on('submit', function (e) {

        e.preventDefault();

        var p = $('#reg_pwd'),
            q = $('#confirm_pwd');

        shaObj.update(p.val());
        var p_hash = shaObj.getHash("HEX");
        //p.val(p_hash);

        shaObj.update(q.val());
        var q_hash = shaObj.getHash("HEX");
        //q.val(q_hash);
        
        $('p').html('String: ' + p.val() + '<br />Hash: ' + p_hash +
        						'<br />String: ' + q.val() + '<br />Hash: ' + q_hash)

        //this.submit()

    });