<!doctype html>
<html>
  <head>
    <script src="ssf.js"></script>
  </head>
  <body>
<b>SSF (Spreadsheet Format) Live Demo</b><br />
<a href="https://github.com/SheetJS/ssf">Github Repo</a><br />
<a href="https://github.com/SheetJS/ssf/issues">Issues?  Something look weird?  Click here and report an issue</a><br />
    <div>
      <p><b>Format code:</b> <input type="text" id="fmt" value="General"></p>
      <p><b>Value: </b> <input type="text" id="val" value="3.1415926535"></p>
      <p><b>Formatted Number:</b> <pre id="num"></pre></p>
      <p><b>Formatted Text</b> <pre id="txt"></pre></p>
    </div>
  </body>
  <script>
    var F = document.getElementById('fmt');
    var V = document.getElementById('val');
    var N = document.getElementById('num');
    var T = document.getElementById('txt');
    function update() {
      try { N.innerText = SSF.format(F.value, Number(V.value)); } catch(e) { N.innerText = e; }
      try { T.innerText = SSF.format(F.value, V.value); } catch(e) { T.innerText = e; }
    }
    F.oninput = update;
    V.oninput = update;
    update();
  </script>
  <script type="text/javascript">
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', 'UA-36810333-1']);
    _gaq.push(['_trackPageview']);

    (function() {
      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();
  </script>
</html>