игра пятнашки

[mixon-21]

помогите пожалуста с пятнашками.

Написал поле а как перемешать и потом перемещать незнаю

        <script>        
            N = 4;
            ar = new Array();
            for (i = 0; i<16;i++)
                ar[i] = new Array();
            str = ' ';
            str += '<table border="10px" width="400px" height="400px" bgcolor="aaff66">';
            for (i = 0; i < N; i++) {   
                for (j = 0; j < N; j++) {
                    
                    count = i * N + j + 1;
                    if(count<16)
                        str += '<th bgcolor="#aa9944" >' + count + '</th>';
                }
                str += '</tr>';
            }
            str += '</table>';
            document.getElementById('box').innerHTML = str;
       </script>

обьясните плиз очень надо

[mixon-21]

Подскажите пожалуста как перемешать пятнашки????

[mixon-21]

Никто не знает????

[Naive]

все знают, сказать боятся

N = 4;
var vals = (new Array(16)).join(' ').split(' ').map(function(a,i){console.log(a);return i||''}).sort(function(){return Math.random()-.5});
            str = ' ';
            str += '<table border="10px" width="400px" height="400px" bgcolor="aaff66">';
            for (i = 0; i < N; i++) {   
                for (j = 0; j < N; j++) {
                    
                    count = i * N + j;
                    if(count<16)
                        str += '<th bgcolor="'+(vals[count]?'#aa9944':'')+'" >' + vals[count] + '</th>';
                }
                str += '</tr>';
            }
            str += '</table>';
            document.body.innerHTML = str;
NodeList.prototype.slice = [].slice;
NodeList.prototype.indexOf = [].indexOf;
document.getElementsByTagName('th').slice().forEach(function(a, i, _arr){
    var _this = a;
    function find(){
        for (var _i=4;_i--;) {
            var _abs = Math.abs(_i-1.5);
            var _tmp = _arr[ i + (_abs+.5)*(_abs+.5)*(_i-1.5)/_abs ];
            console.log(  _i, _abs );
            if (_tmp&&_abs===.5&&_this.parentElement!==_tmp.parentElement) continue;
            if (_tmp&&!_tmp.innerHTML) return _tmp;
        };
        return false;
    };
    _this.onclick = function(){
        var _this = this;
        if (_this.innerHTML) {
            var _tmp = find();
            console.log( _arr.indexOf( _this ) );
            if (_tmp) {
                _tmp.innerHTML = _this.innerHTML;
                _this.removeAttribute('bgcolor');
                _tmp.setAttribute('bgcolor','#a94');
                _this.innerHTML = '';
            };
        };
    };
    
});

для хрома с оперой, остальные фыркают на прототипирование нодлиста