Over 20 lines of js Code to write a simple 3x3 puzzle game

 

By convention, it is required:

Gameplay: direction keys

Winning or losing: 12345678 _ out of order, even if it is successful!

Compatible with various browsers and uses reverse order and judgment to ensure certain solutions.

The next step is the js Code, which does not require HTML combination. Simply put the code in the body. Click here for a direct experience.

 

 

<Script>

Function gd (){

Var arr = [1, 2, 3, 4, 5, 6, 7, 8]. sort (function () {return Math. random ()>. 5 });

For (var I = 0, k = 0, n = arr. length; I <n; I ++)

For (var j = I + 1; j <n; j ++)

Arr [I]> arr [j] & (k = 1-k );

K & (I = arr [N-2]) & (arr [N-2] = arr [n-1]) & (arr [n-1] = I );

Return arr. concat (0 );

}

Function v (){

Return (d + ''). replace (0,''). replace (/(. {5}),/g, '$1 \ r \ n ');

}

Document. writeln ('<textarea id = "t1" readonly autocomplete = "off" style = "overflow: hidden; width: 70px; height: 70px;"> </textarea> ');

Var p = 8, d = gd (), t1 = document. getElementById ("t1 ");

SetTimeout ('T1. value = v () ', 10 );

Document. onkeyup = function (e ){

Var k = (e | window. event). keyCode-36, q;

If (k = 1 & (p % 3 <2) | k = 3 & (p % 3> 0) | k = 2 & p <6 | k = 4 & p> 2 ){

Q = p + (k> 2? 1:-1) * (k % 2*2-3 );

D [p] = d [q], d [p = q] = 0;

If (t1.value = v (). match (/^ 1, 2, 3 [^ \ d] * 4, 5, 6 [^ 0] * $ /))

Alert ('You WIN! ');

}

}

</Script>

<A href = "javascript: void (p = 8, d = gd (), t1.value = v ()"> replay </a> supplement: I re-wrote a version of any row and column and made some enhancements. Let's see "write an M * N puzzle game with over 30 lines of js Code". I can choose M * nbu, instant switch, instant replay.