<!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>