Записи

 <table width="199" class="colorborder" align="center">
  <tr><td colspan="4">
  <div align="center" id="v1Step">step:0</div>
  </td></tr>
  <tr>
  <td><center><img src="https://sklees.narod.ru/jgame/fifteen/Im1.jpg" onclick="ButtonClick(0)"
 id="image0" style="cursor:pointer"/></center></td>
  <td><center><img src="https://sklees.narod.ru/jgame/fifteen/Im2.jpg" onclick="ButtonClick(1)"
 id="image1" style="cursor:pointer"/></center></td>
  <td><center><img src="https://sklees.narod.ru/jgame/fifteen/Im3.jpg" onclick="ButtonClick(2)"
 id="image2" style="cursor:pointer"/></center></td>
  <td><center><img src="https://sklees.narod.ru/jgame/fifteen/Im4.jpg" onclick="ButtonClick(3)"
 id="image3" style="cursor:pointer"/></center></td>
  </tr>
  <tr>
  <td><center><img src="https://sklees.narod.ru/jgame/fifteen/Im5.jpg" onclick="ButtonClick(4)"
 id="image4" style="cursor:pointer"/></center></td>
  <td><center><img src="https://sklees.narod.ru/jgame/fifteen/Im6.jpg" onclick="ButtonClick(5)"
 id="image5" style="cursor:pointer"/></center></td>
  <td><center><img src="https://sklees.narod.ru/jgame/fifteen/Im7.jpg" onclick="ButtonClick(6)"
 id="image6" style="cursor:pointer"/></center></td>
  <td><center><img src="https://sklees.narod.ru/jgame/fifteen/Im8.jpg" onclick="ButtonClick(7)"
 id="image7" style="cursor:pointer"/></center></td>
  </tr>
  <tr>
  <td><center><img src="https://sklees.narod.ru/jgame/fifteen/Im9.jpg" onclick="ButtonClick(8)"
 id="image8" style="cursor:pointer"/></center></td>
  <td><center><img src="https://sklees.narod.ru/jgame/fifteen/Im10.jpg" onclick="ButtonClick(9)"
 id="image9" style="cursor:pointer"/></center></td>
  <td><center><img src="https://sklees.narod.ru/jgame/fifteen/Im11.jpg" onclick="ButtonClick(10)"
 id="image10" style="cursor:pointer"/></center></td>
  <td><center><img src="https://sklees.narod.ru/jgame/fifteen/Im12.jpg" onclick="ButtonClick(11)"
 id="image11" style="cursor:pointer"/></center></td>
  </tr>
  <tr>
  <td><center><img src="https://sklees.narod.ru/jgame/fifteen/Im13.jpg" onclick="ButtonClick(12)"
 id="image12" style="cursor:pointer"/></center></td>
  <td><center><img src="https://sklees.narod.ru/jgame/fifteen/Im14.jpg" onclick="ButtonClick(13)"
 id="image13" style="cursor:pointer"/></center></td>
  <td><center><img src="https://sklees.narod.ru/jgame/fifteen/Im15.jpg" onclick="ButtonClick(14)"
 id="image14" style="cursor:pointer"/></center></td>
  <td><center><img src="https://sklees.narod.ru/jgame/fifteen/Im0.jpg" onclick="ButtonClick(15)"
 id="image15" style="cursor:pointer"/></center></td>
  </tr>
  <tr>
  <td colspan="2"><center><input type="button" onclick="AddClick()" 
 value="сложить" /></center></td>
  <td colspan="2"><center><input type="button" onclick="SortClick()" 
 value="перемешать" /></center></td>
  </tr>
 </table>
  <script>
  var v1colstep = 0;
 var place = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 0];
 function ButtonClick(NumBut) {
  if (NumBut == 0) { flagL = false; flagT = false; flagR = true; flagB = true; }
  if (NumBut == 1) { flagL = true; flagT = false; flagR = true; flagB = true; }
  if (NumBut == 2) { flagL = true; flagT = false; flagR = true; flagB = true; }
  if (NumBut == 3) { flagL = true; flagT = false; flagR = false; flagB = true; }
  if (NumBut == 4) { flagL = false; flagT = true; flagR = true; flagB = true; }
  if (NumBut == 5) { flagL = true; flagT = true; flagR = true; flagB = true; }
  if (NumBut == 6) { flagL = true; flagT = true; flagR = true; flagB = true; }
  if (NumBut == 7) { flagL = true; flagT = true; flagR = false; flagB = true; }
  if (NumBut == 8) { flagL = false; flagT = true; flagR = true; flagB = true; }
  if (NumBut == 9) { flagL = true; flagT = true; flagR = true; flagB = true; }
  if (NumBut == 10) { flagL = true; flagT = true; flagR = true; flagB = true; }
  if (NumBut == 11) { flagL = true; flagT = true; flagR = false; flagB = true; }
  if (NumBut == 12) { flagL = false; flagT = true; flagR = true; flagB = false; }
  if (NumBut == 13) { flagL = true; flagT = true; flagR = true; flagB = false; }
  if (NumBut == 14) { flagL = true; flagT = true; flagR = true; flagB = false; }
  if (NumBut == 15) { flagL = true; flagT = true; flagR = false; flagB = false; }
  if (flagL) { if (place[NumBut-1] == 0) { GoClick(NumBut, NumBut-1) } }
  if (flagT) { if (place[NumBut-4] == 0) { GoClick(NumBut, NumBut-4) } }
  if (flagR) { if (place[NumBut+1] == 0) { GoClick(NumBut, NumBut+1) } }
  if (flagB) { if (place[NumBut+4] == 0) { GoClick(NumBut, NumBut+4) } }
 }
 function GoClick(A1, A2) {
  place[A2] = place[A1];
  place[A1] = 0;
  GoDraw();
 }
 function GoDraw() {
  v1colstep = v1colstep + 1;
  document.getElementById('v1Step').innerHTML = "step:" + v1colstep;
  document.getElementById('image0').src = "/jgame/fifteen/Im" + place[0] + ".jpg";
  document.getElementById('image1').src = "/jgame/fifteen/Im" + place[1] + ".jpg";
  document.getElementById('image2').src = "/jgame/fifteen/Im" + place[2] + ".jpg";
  document.getElementById('image3').src = "/jgame/fifteen/Im" + place[3] + ".jpg";
  document.getElementById('image4').src = "/jgame/fifteen/Im" + place[4] + ".jpg";
  document.getElementById('image5').src = "/jgame/fifteen/Im" + place[5] + ".jpg";
  document.getElementById('image6').src = "/jgame/fifteen/Im" + place[6] + ".jpg";
  document.getElementById('image7').src = "/jgame/fifteen/Im" + place[7] + ".jpg";
  document.getElementById('image8').src = "/jgame/fifteen/Im" + place[8] + ".jpg";
  document.getElementById('image9').src = "/jgame/fifteen/Im" + place[9] + ".jpg";
  document.getElementById('image10').src = "/jgame/fifteen/Im" + place[10] + ".jpg";
  document.getElementById('image11').src = "/jgame/fifteen/Im" + place[11] + ".jpg";
  document.getElementById('image12').src = "/jgame/fifteen/Im" + place[12] + ".jpg";
  document.getElementById('image13').src = "/jgame/fifteen/Im" + place[13] + ".jpg";
  document.getElementById('image14').src = "/jgame/fifteen/Im" + place[14] + ".jpg";
  document.getElementById('image15').src = "/jgame/fifteen/Im" + place[15] + ".jpg";
 }
 function SortClick() {
  for (var i = 0; i < 1000; i++) { ButtonClick(getRandomInt(0, 15)); }
  v1colstep = 0;
  document.getElementById('v1Step').innerHTML = "step:" + v1colstep;
 }
 function AddClick() {
  v1colstep = -1;
  place = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 0];
  GoDraw();
 }
 function getRandomInt(min, max) {
  return Math.floor(Math.random() * (max - min)) + min;
 }
 </script>