Azam Codec Example

HTML

<h2>Azam Codec</h2>
<h3>Encoder</h3>
Input <input type="text" id="encode_from" placeholder="123,456,789" value="512,256,3"/><br/>
Encoded <input type="text" id="encode_to" readonly value=""/><br/>
<h3>Decoder</h3>
Input <input type="text" id="decode_from" placeholder="jg0hg03" value="jg0hg03"/><br/>
Decoded <input type="text" id="decode_to"/><br/>

JavaScript

import { decodeInt, decodeInts, encodeInts } from 'https://cdn.jsdelivr.net/npm/azamcodec@0.1.1/dist/index.module.full.js';

function azamEncode() {
  let from = document.getElementById('encode_from').value;
  if (from) {
    let ints = from.split(',').map(t => parseInt(t.trim()));
    let encoded = encodeInts(...ints);
    document.getElementById('encode_to').value = encoded ? encoded : '';
  } else {
	  document.getElementById('encode_to').value = '';
  }
}

function azamDecode() {
  let from = document.getElementById('decode_from').value;
  if (from) {
    let ints = decodeInts(from.trim());
    let decoded = ints.join(',');
    document.getElementById('decode_to').value = decoded ? decoded : '';
  } else {
	  document.getElementById('decode_to').value = '';
  }
}

window.addEventListener('load', (evt) => {
	document.getElementById('encode_from').addEventListener('input', azamEncode);
	document.getElementById('decode_from').addEventListener('input', azamDecode);
  azamEncode();
  azamDecode();
});