Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
    <script type="text/javascript" src="https://unpkg.com/json-url@2.3.1/dist/browser/json-url.js"></script>
  <title>json-url demo page</title>
</head>
<body>
  <header>
    <h1>json-url demo</h1>
    <small>Proudly written in vanilla.js&trade;</small>
  </header>
  <div id="container">
    <div>
      <label for="algorithm">Algorithm</label>
      <select id="algorithm" name="algorithm">
        <option value="lzw">lzw</option>
        <option value="lzma">lzma</option>
        <option value="lzstring">lzstring</option>
        <option value="pack">pack</option>
      </select>
    </div>
    <div>
      <label for="json">JSON Input</label>
      <textarea id="json" name="json"></textarea>
    </div>
    <button id="generate" type="button">Generate</button>
    <ul class="stats">
      <li>Raw, unencoded: <span id="lengthOriginal"></span></li>
      <li>Raw, base64 (btoa): <span id="lengthBase64"></span></li>
    </ul>
    <div>
      <h3>Result</h3>
      <textarea class="intput-output" id="result">
      </textarea>
      <ul class="stats">
        <li>Compressed: <span id="lengthCompressed"></span></li>
        <li>Compressed % of raw: <span id="percentageCompressed"></span></li>
        <li>Compressed % of base64: <span id="percentageCompressedBase64"></span></li>
      </ul>
​
​
    </div>
    <button id="decompress" type="button">Decompress</button>
    <div>
      <h3>Decompression</h3>
      <textarea class="input-output" id="decompressed">
      </textarea>
    </div>
  </div>
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
masotimepro
0viewers