JSFiddle - React, Tailwind, and code Playground

by nexiopaydev

HTML

<html>
<div>This example uses the JSEncrypt library to encrypt data for NexioPay.com API</div><br>

<input type="text" id="val" placeholder="paste value to encrypt">
<button type="button" id="btn">encrypt</button><br><br>

<textarea visable="false" rows="4" cols="50" id="result"></textarea>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jsencrypt/2.3.1/jsencrypt.js"></script>
<script>
    //the full card number accepted through your form
    
    //the public key provided by Nexio, this is for sandbox, contact integration support for a production key
    const publicKey = 'MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAvWpIQFjQQCPpaIlJKpeg irp5kLkzLB1AxHmnLk73D3TJbAGqr1QmlsWDBtMPMRpdzzUM7ZwX3kzhIuATV4Pe 7RKp3nZlVmcrT0YCQXBrTwqZNh775z58GP2kZs+gVfNqBampJPzSB/hB62KkByhE Cn6grrRjiAVwJyZVEvs/2vrxaEpO+aE16emtX12RgI5JdzdOiNyZEQteU6zRBRJE ocPWVxExaOpVVVJ5+UnW0LcalzA+lRGRTrQJ5JguAPiAOzRPTK/lYFFpCAl/F8wt oAVG1c8zO2NcQ0Pko+fmeidRFxJ/did2btV+9Mkze3mBphwFmvnxa35LF+Cs/XJHDwIDAQAB';


function encryptMe() {
  const val = document.getElementById('val').value;
	const crypt = new JSEncrypt();
    crypt.setKey(publicKey);
    //the encrypted card number
    const encryptedNumber = crypt.encrypt(val);
    document.getElementById('result').value = encryptedNumber;
    return false;
}    

document.getElementById('btn').onclick = encryptMe;
</script>
</html>