Combinations.html

<html>
    <head>
        <title>Combinations</title>
        <script>
            function generate(){
                var charset = document.getElementById('charset').value;
                var length = parseInt(document.getElementById('length').value);
                var results = document.getElementById('results');
                results.innerHTML='';
                var pattern = Array(length);
                for(var i = 0; i < pattern.length; ++i) pattern[i] = 0;
                while(pattern[0] < charset.length){
                    var current = "";
                    for(var i = 0; i < pattern.length; ++i){
                        current += charset[pattern[i]];
                    }
                    results.appendChild(document.createTextNode(current));
                    results.appendChild(document.createElement('br'));
                    ++pattern[pattern.length-1];
                    for(var i = pattern.length-1; i > 0; --i){
                        if(pattern[i] >= charset.length){
                            pattern[i] = 0;
                            ++pattern[i-1];
                        }
                    }
                }
            }
            window.addEventListener(
                'load',
                function(){
                    document.getElementById('generate').addEventListener('click',function(){setTimeout(generate,0);});
                }
            );
        </script>
    </head>
    <body>
        <dl>
            <dt>Charset:</dt><dd><input type="text" id="charset" value="086321"/></dd>
            <dt>Length:</dt><dd><input type="number" id="length" value="6"/></dd>
            <dt></dt><dd><input type="button" id="generate" value="Generate"/></dd>
            <dt>Results:</dt><dd><div id="results"></div></dd>
        </dl>
    </body>
</html>