Записи

 <table align="center"
 width="400" height="200" class="colorborder">
 <tr><td>
 <center>Написать письмо Волшебнику Гудвину</center>
 </td></tr><tr><td>
  <center><textarea cols="60" width="60" rows="5"
 id="textareaDM">&nbsp;</textarea></center>
 </td></tr><tr><td>
  <center><input type="button" value="Отправить" id="buttonDM"
 onclick="mailtoDM()"/></center>
 </td></tr>
 </table>
 <script>
 var FlagSend = false;
 var CheckVolume = 60;
 timerDMId = setInterval(Changetextarea, 50);
 function Changetextarea() {
  if (FlagSend) {
  CheckVolume = CheckVolume - 1; 
  if (CheckVolume > 3)
  {document.getElementById('textareaDM').cols = document.getElementById('textareaDM').cols - 1;}
  if (CheckVolume == 3)
  {document.getElementById('textareaDM').hidden = true;
  document.getElementById('buttonDM').value = "Отправлено";}
  if (CheckVolume == 50)
  {document.getElementById('textareaDM').rows = document.getElementById('textareaDM').rows - 1;}
  if (CheckVolume == 40)
  {document.getElementById('textareaDM').rows = document.getElementById('textareaDM').rows - 1;}
  if (CheckVolume == 30)
  {document.getElementById('textareaDM').rows = document.getElementById('textareaDM').rows - 1;}
  if (CheckVolume == 20)
  {document.getElementById('textareaDM').rows = document.getElementById('textareaDM').rows - 1;}
  if (CheckVolume < -20) {
  document.getElementById('textareaDM').cols = 60;
  document.getElementById('textareaDM').rows = 5;
  document.getElementById('textareaDM').value = "";
  document.getElementById('textareaDM').hidden = false;
  document.getElementById('buttonDM').value = "Отправить";
  CheckVolume = 60;
  FlagSend = false; 
  }
  }
 }
 function mailtoDM() {
  FlagSend = true;
  document.getElementById('buttonDM').value = "обработка";
 }
 </script>
 

 <table align="center" border="0"
 width="400" class="colorborder">
  <tr><td align="center">Аутотреннинг<hr /></td></tr>
  <tr><td align="center" color="yellow"><input type="text"
 id="textfieldtrep1" value="воспитанный" /></td></tr>
  <tr><td align="center" color="yellow"><input type="text"
 id="textfieldtrep2" value="слушаюсь" /></td></tr>
  <tr><td align="center">
  <input id="trepSelect1" type="radio" name="navtrep" onclick="{
  document.getElementById('textfieldtrep1').value = 'воспитанный';
  document.getElementById('textfieldtrep2').value = 'слушаюсь';
  }" checked="checked">
  <input id="trepSelect2" type="radio" name="navtrep" onclick="{
  document.getElementById('textfieldtrep1').value = 'интеллегентный';
  document.getElementById('textfieldtrep2').value = 'учусь';
  }">
  <input id="trepSelect3" type="radio" name="navtrep" onclick="{
  document.getElementById('textfieldtrep1').value = 'профессиональный';
  document.getElementById('textfieldtrep2').value = 'работаю';
  }">
  <input id="trepSelect4" type="radio" name="navtrep" onclick="{
  document.getElementById('textfieldtrep1').value = 'пунктуальный';
  document.getElementById('textfieldtrep2').value = 'контролирую';
  }">
  <input id="trepSelect5" type="radio" name="navtrep" onclick="{
  document.getElementById('textfieldtrep1').value = 'адекватный';
  document.getElementById('textfieldtrep2').value = 'объективен';
  }">
  <input id="trepSelect6" type="radio" name="navtrep" onclick="{
  document.getElementById('textfieldtrep1').value = 'коммуникабельный';
  document.getElementById('textfieldtrep2').value = 'дружу';
  }">
 <input name="Кнопка13" type="button" id="buttrep"
 onclick="ChangeTrep();" value="начать"/> 
  </td>
  </tr>
  <script>
  var rndValue = 2;
  function getRandomInt(min, max) {
  return Math.floor(Math.random() * (max - min)) + min;
  };
  function ChangeTrep() {
  document.getElementById('trepHead').innerHTML = 'Я - '+
 document.getElementById('textfieldtrep1').value; 
  for (var i = 0; i<33; i++){
 rndValue = getRandomInt(0, 3);
 if ( rndValue == 0 ) {document.getElementById('trep'+i).innerHTML = '<span style="color:
 rgb('+getRandomInt(0, 255)+','+ getRandomInt(0, 255)+','+getRandomInt(0, 255)+');
 font-weight: bold; font-size: '+getRandomInt(8, 24)+'px;">'+
 document.getElementById('textfieldtrep2').value+' </span>';};
 if ( rndValue == 1 ) {document.getElementById('trep'+i).innerHTML = '<span style="color:
 rgb('+getRandomInt(0, 255)+','+ getRandomInt(0, 255)+','+getRandomInt(0, 255)+');
 font-style: italic; font-size: '+getRandomInt(8, 24)+'px;">'+
 document.getElementById('textfieldtrep2').value+' </span>';};
 if ( rndValue == 2 ) {document.getElementById('trep'+i).innerHTML = '<span style="color:
 rgb('+getRandomInt(0, 255)+','+ getRandomInt(0, 255)+','+getRandomInt(0, 255)+');
 font-size: '+getRandomInt(8, 24)+'px;">'+
 document.getElementById('textfieldtrep2').value+' </span>';};
  } 
  }
  </script>
  <tr>
  <td align="center">
  <div class="colorborder"><span id="trepHead">Я - воспитанный</span>
  <hr />Я
  <table><tr><td> 
  <script> 
  for (var i = 0; i<33; i++){
 rndValue = getRandomInt(0, 3);
 if ( rndValue === 0 ) {document.write('<span id="trep'+i+'"><span 
 style="color: rgb('+getRandomInt(0, 255)+','+
 getRandomInt(0, 255)+','+getRandomInt(0, 255)+'); font-weight: bold; font-size: '+
 getRandomInt(8, 24)+'px;">слушаюсь </span></span>');}
 if ( rndValue === 1 ) {document.write('<span id="trep'+i+'"><span
 style="color: rgb('+getRandomInt(0, 255)+','+
 getRandomInt(0, 255)+','+getRandomInt(0, 255)+'); font-style: italic; font-size: '+getRandomInt(8, 24)+
 'px;">слушаюсь </span></span>');}
 if ( rndValue === 2 ) {document.write('<span id="trep'+i+'"><
 span style="color: rgb('+getRandomInt(0, 255)+','+
 getRandomInt(0, 255)+','+getRandomInt(0, 255)+'); font-size: '+
 getRandomInt(8, 24)+'px;">слушаюсь </span></span>');}
  }
  </script>
  </td></tr></table>
  </div>
  </td>
  </tr>
  </table>
 

 <p><table class="colorborder" width="400">
  <tr><td>
  <center>Будильник</center>
  <hr />
  <table align="center" border="0" cellspacing="10"
 width="100%">
  <tr><td colspan="2">
  <center><audio controls="" id="budilnik" style="
 width: 60%;"><source src="/js/budilnik/bit8.mp3"
 type="audio/mpeg" />Canvas not supported</audio></center>
  </td></tr><tr><td colspan="2">
  <center>Оповестить:</center>
  </td></tr><tr>
  <td><center><input type="text" id="texthour"
 value="10" /></center></td> 
  <td><center><input type="text" id="textminit"
 value="00" /></center></td> 
  </tr><tr>
  <td><center>часов</center></td>
  <td><center>минут</center></td>
  </tr><tr>
  <td colspan="2">
  <center><img src="/js/budilnik/budgif.png" width="80"
 height="80" id="budpng" /><img src="/js/budilnik/budgif.gif"
 width="80" height="80" id="budgif" hidden /></center>
  </td></tr><tr>
  <td colspan="2">
  <center><input name="Кнопка21" type="button" id="budilnik21"
 onclick="ChangeTime();" value="пуск"/></center>
  </td>
  </tr>
  </table>
  </td>
  </tr>
  </table>
   <script>
   var flagrun = true;
 var timerId2 = setInterval(ChangeTimePlay, 34);
 var d2 = new Date();
 document.getElementById('texthour').value = d2.getHours();
 document.getElementById('textminit').value = d2.getMinutes()+1;</p>

 <p>function ChangeTime() {
 
 d3 = new Date();
 if (flagrun){
 flagrun = false;
 document.getElementById('budilnik21').value = 'стоп';
 if ((eval(document.getElementById('texthour').value)===d3.getHours())&&
 (eval(document.getElementById('textminit').value) === d3.getMinutes())) {}else{
 document.getElementById('budpng').hidden = true;
 document.getElementById('budgif').hidden = false;
 }} else {
 flagrun = true;
 document.getElementById('budilnik21').value = 'РїСѓСЃРє';
 document.getElementById('budpng').hidden = false;
 document.getElementById('budgif').hidden = true;
 }
 }</p>

 <p>function ChangeTimePlay() {
 d = new Date();
 if (flagrun === false){
 if ((eval(document.getElementById('texthour').value) === d.getHours())&&
 (eval(document.getElementById('textminit').value) === d.getMinutes())) { 
 if ((d.getHours()===d3.getHours())&&(d.getMinutes() === d3.getMinutes())) {}else{
  flagrun = true;
  document.getElementById('budilnik21').value = 'РїСѓСЃРє'; 
  document.getElementById('budpng').hidden = false;
  document.getElementById('budgif').hidden = true;
  document.getElementById('budilnik').load();
  document.getElementById('budilnik').play();
 };
 };
 };
 }
   </script>
  </p>
 

 
 <p><table width="400" class="colorborder"><tr><td>
  <center>Генератор пароля</center>
  <hr />
 <table width="100%" border="0">
 <tr>
 <td><center>вариант1:</center></td>
 <td><center>вариант2:</center></td>
 </tr>
 <tr>
 <td><center><input class="stWord" type="text" id="textfield010"
 value="010" /></center></td>
 <td><center><input class="stWord" type="text" id="textfield020"
 value="020" /></center></td>
 </tr>
 <tr>
 <td><center>вариант3:</center></td>
 <td><center>вариант4:</center></td>
 </tr>
 <tr>
 <td><center><input class="stWord" type="text" id="textfield030"
 value="030" /></center></td>
 <td><center><input class="stWord" type="text" id="textfield040"
 value="040" /></center></td>
 </tr>
 <tr>
 <td colspan="2"><center><input type="button" id="but01" onclick="ChangeCod();"
 value="сгенерировать"/></center></td>
 </tr>
 <tr>
 <td colspan="2"><center>вариант 5:</center></td>
 </tr>
 <tr>
 <td colspan="2"><center><input class="stWord" type="text" id="textfield110"
 value="050" /></center></td>
 </tr>
 <tr>
 <td colspan="2"><center><input type="button" id="but11" onclick="ChangeCodB();"
 value="пуск"/></center></td>
 </tr>
 </table>
  </td>
  </tr>
 </table>
  <script>
  var BigCode = [26];
 var SmallCode = [26];
 var CifiryCode = [9];
 //---
 BigCode[0] = 'Q';
 BigCode[1] = 'W';
 BigCode[2] = 'E';
 BigCode[3] = 'R';
 BigCode[4] = 'T';
 BigCode[5] = 'Y';
 BigCode[6] = 'U';
 BigCode[7] = 'I';
 BigCode[8] = 'O';
 BigCode[9] = 'P';
 BigCode[10] = 'A';
 BigCode[11] = 'S';
 BigCode[12] = 'D';
 BigCode[13] = 'F';
 BigCode[14] = 'G';
 BigCode[15] = 'H';
 BigCode[16] = 'J';
 BigCode[17] = 'K';
 BigCode[18] = 'L';
 BigCode[19] = 'Z';
 BigCode[20] = 'X';
 BigCode[21] = 'C';
 BigCode[22] = 'V';
 BigCode[23] = 'B';
 BigCode[24] = 'N';
 BigCode[25] = 'M';
 //---
 SmallCode[0] = 'q';
 SmallCode[1] = 'w';
 SmallCode[2] = 'e';
 SmallCode[3] = 'r';
 SmallCode[4] = 't';
 SmallCode[5] = 'y';
 SmallCode[6] = 'u';
 SmallCode[7] = 'i';
 SmallCode[8] = 'o';
 SmallCode[9] = 'p';
 SmallCode[10] = 'a';
 SmallCode[11] = 's';
 SmallCode[12] = 'd';
 SmallCode[13] = 'f';
 SmallCode[14] = 'g';
 SmallCode[15] = 'h';
 SmallCode[16] = 'j';
 SmallCode[17] = 'k';
 SmallCode[18] = 'l';
 SmallCode[19] = 'z';
 SmallCode[20] = 'x';
 SmallCode[21] = 'c';
 SmallCode[22] = 'v';
 SmallCode[23] = 'b';
 SmallCode[24] = 'n';
 SmallCode[25] = 'm';
 //---
 CifiryCode[0] = '1';
 CifiryCode[1] = '2';
 CifiryCode[2] = '3';
 CifiryCode[3] = '4';
 CifiryCode[4] = '5';
 CifiryCode[5] = '6';
 CifiryCode[6] = '7';
 CifiryCode[7] = '8';
 CifiryCode[8] = '9';
 //---
 function ChangeCod() {
 //----
 ChangeCod1();
 ChangeCod2();
 ChangeCod3();
 ChangeCod4();
 }
 //----
 function ChangeCod1() {
 var STemp1 = [6];
 var STemp2 = [6];
 var STemp3 = [3];</p>

 <p> STemp1[0] = BigCode[Math.floor(Math.random() * 25)];
  STemp1[1] = BigCode[Math.floor(Math.random() * 25)];
  STemp1[2] = BigCode[Math.floor(Math.random() * 25)];
  STemp1[3] = BigCode[Math.floor(Math.random() * 25)];
  STemp1[4] = BigCode[Math.floor(Math.random() * 25)];
  STemp1[5] = BigCode[Math.floor(Math.random() * 25)];
  STemp2[0] = SmallCode[Math.floor(Math.random() * 25)];
  STemp2[1] = SmallCode[Math.floor(Math.random() * 25)];
  STemp2[2] = SmallCode[Math.floor(Math.random() * 25)];
  STemp2[3] = SmallCode[Math.floor(Math.random() * 25)];
  STemp2[4] = SmallCode[Math.floor(Math.random() * 25)];
  STemp2[5] = SmallCode[Math.floor(Math.random() * 25)];
  STemp3[0] = CifiryCode[Math.floor(Math.random() * 9)];
  STemp3[1] = CifiryCode[Math.floor(Math.random() * 9)];
  STemp3[2] = CifiryCode[Math.floor(Math.random() * 9)];</p>

 <p>//---
 var myCode;
 var CountTemp = Math.floor(Math.random() * 3) + 1;
 myCode = '';
 for ( i = 0; i <= CountTemp; i++) {
  myCode = myCode + STemp1[i];
 }
  myCode = myCode + '_';
 for ( i = 0; i <= 5 - CountTemp; i++) {
  myCode = myCode + STemp2[i];
 }
  myCode = myCode + '*';
  myCode = myCode + STemp3[0] + STemp3[1] + STemp3[2];
 //----
  document.getElementById('textfield010').value = myCode;
 }
 //-----------------------------------------------------------
 function ChangeCod2() {
 var STemp1 = [6];
 var STemp2 = [6];
 var STemp3 = [3];</p>

 <p> STemp1[0] = BigCode[Math.floor(Math.random() * 25)];
  STemp1[1] = BigCode[Math.floor(Math.random() * 25)];
  STemp1[2] = BigCode[Math.floor(Math.random() * 25)];
  STemp1[3] = BigCode[Math.floor(Math.random() * 25)];
  STemp1[4] = BigCode[Math.floor(Math.random() * 25)];
  STemp1[5] = BigCode[Math.floor(Math.random() * 25)];
  STemp2[0] = SmallCode[Math.floor(Math.random() * 25)];
  STemp2[1] = SmallCode[Math.floor(Math.random() * 25)];
  STemp2[2] = SmallCode[Math.floor(Math.random() * 25)];
  STemp2[3] = SmallCode[Math.floor(Math.random() * 25)];
  STemp2[4] = SmallCode[Math.floor(Math.random() * 25)];
  STemp2[5] = SmallCode[Math.floor(Math.random() * 25)];
  STemp3[0] = CifiryCode[Math.floor(Math.random() * 9)];
  STemp3[1] = CifiryCode[Math.floor(Math.random() * 9)];
  STemp3[2] = CifiryCode[Math.floor(Math.random() * 9)];</p>

 <p>//---
 var myCode;
 var CountTemp = Math.floor(Math.random() * 3) + 1;
 myCode = '';
 for ( i = 0; i <= CountTemp; i++) {
  myCode = myCode + STemp1[i];
 }
  myCode = myCode + '*';
 for ( i = 0; i <= 5 - CountTemp; i++) {
  myCode = myCode + STemp2[i];
 }
  myCode = myCode + '+';
  myCode = myCode + STemp3[0] + STemp3[1] + STemp3[2];
 //----
  document.getElementById('textfield020').value = myCode;
 }
 //----------------------------------------------------------
 function ChangeCod3() {
 var STemp1 = [6];
 var STemp2 = [6];
 var STemp3 = [3];</p>

 <p> STemp1[0] = BigCode[Math.floor(Math.random() * 25)];
  STemp1[1] = BigCode[Math.floor(Math.random() * 25)];
  STemp1[2] = BigCode[Math.floor(Math.random() * 25)];
  STemp1[3] = BigCode[Math.floor(Math.random() * 25)];
  STemp1[4] = BigCode[Math.floor(Math.random() * 25)];
  STemp1[5] = BigCode[Math.floor(Math.random() * 25)];
  STemp2[0] = SmallCode[Math.floor(Math.random() * 25)];
  STemp2[1] = SmallCode[Math.floor(Math.random() * 25)];
  STemp2[2] = SmallCode[Math.floor(Math.random() * 25)];
  STemp2[3] = SmallCode[Math.floor(Math.random() * 25)];
  STemp2[4] = SmallCode[Math.floor(Math.random() * 25)];
  STemp2[5] = SmallCode[Math.floor(Math.random() * 25)];
  STemp3[0] = CifiryCode[Math.floor(Math.random() * 9)];
  STemp3[1] = CifiryCode[Math.floor(Math.random() * 9)];
  STemp3[2] = CifiryCode[Math.floor(Math.random() * 9)];</p>

 <p>//---
 var myCode;
 var CountTemp = Math.floor(Math.random() * 3) + 1;
 myCode = '';
 for ( i = 0; i <= CountTemp; i++) {
  myCode = myCode + STemp1[i];
 }
  myCode = myCode + '-';
 for ( i = 0; i <= 5 - CountTemp; i++) {
  myCode = myCode + STemp2[i];
 }
  myCode = myCode + '+';
  myCode = myCode + STemp3[0] + STemp3[1] + STemp3[2];
 //----
  document.getElementById('textfield030').value = myCode;
 }
 //----------------------------------------------------------
 function ChangeCod4() {
 var STemp1 = [6];
 var STemp2 = [6];
 var STemp3 = [3];</p>

 <p> STemp1[0] = BigCode[Math.floor(Math.random() * 25)];
  STemp1[1] = BigCode[Math.floor(Math.random() * 25)];
  STemp1[2] = BigCode[Math.floor(Math.random() * 25)];
  STemp1[3] = BigCode[Math.floor(Math.random() * 25)];
  STemp1[4] = BigCode[Math.floor(Math.random() * 25)];
  STemp1[5] = BigCode[Math.floor(Math.random() * 25)];
  STemp2[0] = SmallCode[Math.floor(Math.random() * 25)];
  STemp2[1] = SmallCode[Math.floor(Math.random() * 25)];
  STemp2[2] = SmallCode[Math.floor(Math.random() * 25)];
  STemp2[3] = SmallCode[Math.floor(Math.random() * 25)];
  STemp2[4] = SmallCode[Math.floor(Math.random() * 25)];
  STemp2[5] = SmallCode[Math.floor(Math.random() * 25)];
  STemp3[0] = CifiryCode[Math.floor(Math.random() * 9)];
  STemp3[1] = CifiryCode[Math.floor(Math.random() * 9)];
  STemp3[2] = CifiryCode[Math.floor(Math.random() * 9)];</p>

 <p>//---
 var myCode;
 var CountTemp = Math.floor(Math.random() * 3) + 1;
 myCode = '';
 for ( i = 0; i <= CountTemp; i++) {
  myCode = myCode + STemp1[i];
 }
  myCode = myCode + '=';
 for ( i = 0; i <= 5 - CountTemp; i++) {
  myCode = myCode + STemp2[i];
 }
  myCode = myCode + '=';
  myCode = myCode + STemp3[0] + STemp3[1] + STemp3[2];
 //----
  document.getElementById('textfield040').value = myCode;
 }</p>

 <p>
 timerId = setInterval(ChangeCod5, 34);
 function ChangeCodB() {
 //----
 if (document.getElementById('but11').value == 'РїСѓСЃРє'){
 document.getElementById('but11').value = 'стоп';
 } else {
 document.getElementById('but11').value = 'РїСѓСЃРє';
 }
 }
 //----
 function ChangeCod5() {
 var STemp1 = [6];
 var STemp2 = [6];
 var STemp3 = [3];</p>

 <p> STemp1[0] = BigCode[Math.floor(Math.random() * 25)];
  STemp1[1] = BigCode[Math.floor(Math.random() * 25)];
  STemp1[2] = BigCode[Math.floor(Math.random() * 25)];
  STemp1[3] = BigCode[Math.floor(Math.random() * 25)];
  STemp1[4] = BigCode[Math.floor(Math.random() * 25)];
  STemp1[5] = BigCode[Math.floor(Math.random() * 25)];
  STemp2[0] = SmallCode[Math.floor(Math.random() * 25)];
  STemp2[1] = SmallCode[Math.floor(Math.random() * 25)];
  STemp2[2] = SmallCode[Math.floor(Math.random() * 25)];
  STemp2[3] = SmallCode[Math.floor(Math.random() * 25)];
  STemp2[4] = SmallCode[Math.floor(Math.random() * 25)];
  STemp2[5] = SmallCode[Math.floor(Math.random() * 25)];
  STemp3[0] = CifiryCode[Math.floor(Math.random() * 9)];
  STemp3[1] = CifiryCode[Math.floor(Math.random() * 9)];
  STemp3[2] = CifiryCode[Math.floor(Math.random() * 9)];</p>

 <p>//---
 var myCode;
 var CountTemp = Math.floor(Math.random() * 3) + 1;
 myCode = '';
 for ( i = 0; i <= CountTemp; i++) {
  myCode = myCode + STemp1[i];
 }
  myCode = myCode + '_';
 for ( i = 0; i <= 5 - CountTemp; i++) {
  myCode = myCode + STemp2[i];
 }
  myCode = myCode + '*';
  myCode = myCode + STemp3[0] + STemp3[1] + STemp3[2];
 //----
 if (document.getElementById('but11').value === 'стоп'){
  document.getElementById('textfield110').value = myCode;
 }
 }</p>

 <p> </script></p>
 

 <p><style type="text/css">.stWord {
  font-family: Times New Roman;
  font-size : 14pt;
 }
 </style></p>

 <p> <table align="center" border="0" cellspacing="0"
 width="400">
  <tbody>
  <tr>
  <td class="colorborder">
  подбор слов 2
  <hr>
  <div>Введите искомое слово по буквам в произвольном порядке
  Например: ЗВЗДЧТЕОЕ
  Результат: ЗВЕЗДОЧЕТ
  База: 51687 слов</div></p>

 <p> <div><input class="stWord" id="ver4textFWinput" type="text"
 value="ЗВЗДЧТЕОЕ" /></div></p>

 <p> <div><input onclick="ver4FindWrd();" type="button"
 value="результат" /></div></p>

 <p> <div><textarea class="stWord" cols="60" id="ver4textFWoutput"
 rows="5" width="100">...</textarea></div>
  <div>не включены "Имена", "Географические названия"</div>
  </td>
  </tr>
  </tbody>
  </table></p>

 <p> <script src="/js/findword/dicword.js"></script>
 <script>
 function ver4FindWrd() {
 document.getElementById('ver4textFWoutput').value = '';
 if ( document.getElementById('ver4textFWinput').value === '') { 
 document.getElementById('ver4textFWinput').value = 'ЗВЗДЧТЕОЕ'};
 if ( document.getElementById('ver4textFWinput').value === ' ') { 
 document.getElementById('ver4textFWinput').value = 'ЗВЗДЧТЕОЕ'};
 var ver4maska = document.getElementById('ver4textFWinput').value.toUpperCase();
 var ver4flagMas = 0;
 for (var i = 0; i < wrd.length; i++) {
  var ver4wrdtmp = wrd[i];
  if (ver4wrdtmp.length === ver4maska.length) {
  var ver4tempResult = 0;
  var ver4flagNum = 0;
  for (var m = 0; m < ver4maska.length; m++) {
  ver4flagNum = 0;
  for (var n = 0; n < ver4maska.length; n++) { if (ver4wrdtmp[m] === ver4maska[n]) {
 ver4flagNum = 1;}; };
  if (ver4flagNum === 1) {ver4tempResult = ver4tempResult + 1;};
  };
  if (ver4tempResult === ver4maska.length) {
  ver4flagMas = ver4flagMas + 1;
  if (ver4flagMas < 30) {document.getElementById('ver4textFWoutput').value =
 document.getElementById('ver4textFWoutput').value +' '+ ver4wrdtmp};}
  };
  };
 if ( document.getElementById('ver4textFWoutput').value === '') {
 document.getElementById('ver4textFWoutput').value = 'no result'};
 }
 </script></p>
 

 <p><style type="text/css">.stWord {
  font-family: Times New Roman;
  font-size : 14pt;
 }
 </style></p>

 <p> <table align="center" border="0"
 cellspacing="0" width="400">
  <tbody>
  <tr>
  <td class="colorborder">
  подбор слов
  <hr>
  <div>Введите искомое слово неизвестная буква заменена ЗВЕЗДОЧКОЙ
  Например: З*Е**ОЧ*Т
  Результат: ЗВЕЗДОЧЕТ
  База: 51687 слов</div></p>

 <p> <div><input class="stWord" id="textFWinput"
 type="text" value="З*Е**ОЧ*Т" /></div></p>

 <p> <div><input onclick="FindWrd();"
 type="button" value="результат" /></div></p>

 <p> <div><textarea class="stWord" cols="60"
 id="textFWoutput" rows="5" width="100">...</textarea></div>
  <div>не включены "Имена", "Географические названия"</div>
  </td>
  </tr>
  </tbody>
  </table></p>

 <p> <script src="/js/findword/dicword.js"></script>
 <script>
 function FindWrd() {
 document.getElementById('textFWoutput').value = '';
 if ( document.getElementById('textFWinput').value === '') { 
 document.getElementById('textFWinput').value = '****'};
 if ( document.getElementById('textFWinput').value === ' ') { 
 document.getElementById('textFWinput').value = '****'};
 maska = document.getElementById('textFWinput').value.toUpperCase();
 flagMas = 0;
 for (var i = 0; i < wrd.length; i++) {
  var wrdtmp = wrd[i];
  if (wrdtmp.length === maska.length) {
  var flagNum = 0;
  for (var j = 0; j < maska.length; j++) {
  if (wrdtmp[j] === maska[j]) {flagNum = flagNum + 1};
  if (maska[j] === '*') {flagNum = flagNum + 1};
  if (flagNum === maska.length) {
  flagMas = flagMas + 1;
  if (flagMas < 30) {document.getElementById('textFWoutput').value =
 document.getElementById('textFWoutput').value +' '+ wrdtmp};}
  }
  }
 }
 if ( document.getElementById('textFWoutput').value === '') {
 document.getElementById('textFWoutput').value = 'no result'};
 }
 </script></p>
 

 <table align="center" width="199" class="colorborder">
  <tr><td colspan="6">
  <div align="center" id="v8Step">step:0</div>
  </td></tr>
  <tr>
  <td><div align="center" id="v8sum9" style="font-weight:bold">+</div></td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td><div align="center" id="v8sum10" style="font-weight:bold">+</div></td>
  </tr>
  <tr>
  <td>&nbsp;</td>
  <td><center><img src="/jgame/sudoculite/Im1.jpg" onclick="v8ButtonClick(0)"
 id="v8image0" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/sudoculite/Im2.jpg" onclick="v8ButtonClick(1)"
 id="v8image1" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/sudoculite/Im3.jpg" onclick="v8ButtonClick(2)"
 id="v8image2" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/sudoculite/Im4.jpg" onclick="v8ButtonClick(3)"
 id="v8image3" style="cursor:pointer"/></center></td>
  <td><div align="center" id="v8sum1" style="font-weight:bold">+</div></td>
  </tr>
  <tr>
  <td>&nbsp;</td>
  <td><center><img src="/jgame/sudoculite/Im3.jpg" onclick="v8ButtonClick(4)"
 id="v8image4" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/sudoculite/Im4.jpg" onclick="v8ButtonClick(5)"
 id="v8image5" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/sudoculite/Im1.jpg" onclick="v8ButtonClick(6)"
 id="v8image6" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/sudoculite/Im2.jpg" onclick="v8ButtonClick(7)"
 id="v8image7" style="cursor:pointer"/></center></td>
  <td><div align="center" id="v8sum2" style="font-weight:bold">+</div></td>
  </tr>
  <tr>
  <td>&nbsp;</td>
  <td><center><img src="/jgame/sudoculite/Im2.jpg" onclick="v8ButtonClick(8)"
 id="v8image8" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/sudoculite/Im1.jpg" onclick="v8ButtonClick(9)"
 id="v8image9" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/sudoculite/Im4.jpg" onclick="v8ButtonClick(10)"
 id="v8image10" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/sudoculite/Im3.jpg" onclick="v8ButtonClick(11)"
 id="v8image11" style="cursor:pointer"/></center></td>
  <td><div align="center" id="v8sum3" style="font-weight:bold">+</div></td>
  </tr>
  <tr>
  <td>&nbsp;</td>
  <td><center><img src="/jgame/sudoculite/Im4.jpg" onclick="v8ButtonClick(12)"
 id="v8image12" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/sudoculite/Im3.jpg" onclick="v8ButtonClick(13)"
 id="v8image13" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/sudoculite/Im2.jpg" onclick="v8ButtonClick(14)"
 id="v8image14" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/sudoculite/Im1.jpg" onclick="v8ButtonClick(15)"
 id="v8image15" style="cursor:pointer"/></center></td>
  <td><div align="center" id="v8sum4" style="font-weight:bold">+</div></td>
  </tr>
  <tr>
  <td><div align="center" id="v8sum11" style="font-weight:bold">+</div></td>
  <td><div align="center" id="v8sum5" style="font-weight:bold">+</div></td>
  <td><div align="center" id="v8sum6" style="font-weight:bold">+</div></td>
  <td><div align="center" id="v8sum7" style="font-weight:bold">+</div></td>
  <td><div align="center" id="v8sum8" style="font-weight:bold">+</div></td>
  <td><div align="center" id="v8sum12" style="font-weight:bold">+</div></td>
  </tr>
  <tr>
  <td>&nbsp;</td>
  <td colspan="2"><center><input type="button" onclick="v8AddClick()"
 value="сложить" /></center></td>
  <td colspan="2"><center><input type="button" onclick="v8SortClick()"
 value="старт" /></center></td>
  <td>&nbsp;</td>
  </tr>
 </table>
  <script>
 var v8colstep = 0;
 var v8place = [1, 2, 3, 4, 3, 4, 1, 2, 2, 1, 4, 3, 4, 3, 2, 1];
 function v8ButtonClick(NumBut) {
  v8place[NumBut] = v8place[NumBut] + 1;
  if (v8place[NumBut] == 5) { v8place[NumBut] = 1; }
  v8GoDraw();
 }
 function v8GoDraw() {
  v8colstep = v8colstep + 1;
  document.getElementById('v8Step').innerHTML = "step:" + v8colstep;
  document.getElementById('v8image0').src = "/jgame/sudoculite/Im" + v8place[0] + ".jpg";
  document.getElementById('v8image1').src = "/jgame/sudoculite/Im" + v8place[1] + ".jpg";
  document.getElementById('v8image2').src = "/jgame/sudoculite/Im" + v8place[2] + ".jpg";
  document.getElementById('v8image3').src = "/jgame/sudoculite/Im" + v8place[3] + ".jpg";
  document.getElementById('v8image4').src = "/jgame/sudoculite/Im" + v8place[4] + ".jpg";
  document.getElementById('v8image5').src = "/jgame/sudoculite/Im" + v8place[5] + ".jpg";
  document.getElementById('v8image6').src = "/jgame/sudoculite/Im" + v8place[6] + ".jpg";
  document.getElementById('v8image7').src = "/jgame/sudoculite/Im" + v8place[7] + ".jpg";
  document.getElementById('v8image8').src = "/jgame/sudoculite/Im" + v8place[8] + ".jpg";
  document.getElementById('v8image9').src = "/jgame/sudoculite/Im" + v8place[9] + ".jpg";
  document.getElementById('v8image10').src = "/jgame/sudoculite/Im" + v8place[10] + ".jpg";
  document.getElementById('v8image11').src = "/jgame/sudoculite/Im" + v8place[11] + ".jpg";
  document.getElementById('v8image12').src = "/jgame/sudoculite/Im" + v8place[12] + ".jpg";
  document.getElementById('v8image13').src = "/jgame/sudoculite/Im" + v8place[13] + ".jpg";
  document.getElementById('v8image14').src = "/jgame/sudoculite/Im" + v8place[14] + ".jpg";
  document.getElementById('v8image15').src = "/jgame/sudoculite/Im" + v8place[15] + ".jpg";
  
  document.getElementById('v8sum1').innerHTML = "-";
  document.getElementById('v8sum2').innerHTML = "-";
  document.getElementById('v8sum3').innerHTML = "-";
  document.getElementById('v8sum4').innerHTML = "-";
  document.getElementById('v8sum5').innerHTML = "-";
  document.getElementById('v8sum6').innerHTML = "-";
  document.getElementById('v8sum7').innerHTML = "-";
  document.getElementById('v8sum8').innerHTML = "-";
  document.getElementById('v8sum9').innerHTML = "-";
  document.getElementById('v8sum10').innerHTML = "-";
  document.getElementById('v8sum11').innerHTML = "-";
  document.getElementById('v8sum12').innerHTML = "-";
  
  if (v8place[0]!=v8place[1]) {if (v8place[0]!=v8place[2]) {if (v8place[0]!=v8place[3]) {if (v8place[1]!=v8place[2])
 {if (v8place[1]!=v8place[3]) {if (v8place[2]!=v8place[3]) {document.getElementById('v8sum1').innerHTML = "+"; }}}}}}
  if (v8place[4]!=v8place[5]) {if (v8place[4]!=v8place[6]) {if (v8place[4]!=v8place[7]) {if (v8place[5]!=v8place[6])
 {if (v8place[5]!=v8place[7]) {if (v8place[6]!=v8place[7]) {document.getElementById('v8sum2').innerHTML = "+"; }}}}}}
  if (v8place[8]!=v8place[9]) {if (v8place[8]!=v8place[10]) {if (v8place[8]!=v8place[11]) {if (v8place[9]!=v8place[10])
 {if (v8place[9]!=v8place[11]) {if (v8place[10]!=v8place[11]) {document.getElementById('v8sum3').innerHTML = "+"; }}}}}}
  if (v8place[12]!=v8place[13]) {if (v8place[12]!=v8place[14]) {if (v8place[12]!=v8place[15]) {if (v8place[13]!=v8place[14])
 {if (v8place[13]!=v8place[15]) {if (v8place[14]!=v8place[15]) {document.getElementById('v8sum4').innerHTML = "+" }}}}}}
  if (v8place[0]!=v8place[4]) {if (v8place[0]!=v8place[8]) {if (v8place[0]!=v8place[12]) {if (v8place[4]!=v8place[8])
 {if (v8place[4]!=v8place[12]) {if (v8place[8]!=v8place[12]) {document.getElementById('v8sum5').innerHTML = "+"; }}}}}}
  if (v8place[1]!=v8place[5]) {if (v8place[1]!=v8place[9]) {if (v8place[1]!=v8place[13]) {if (v8place[5]!=v8place[9])
 {if (v8place[5]!=v8place[13]) {if (v8place[9]!=v8place[13]) {document.getElementById('v8sum6').innerHTML = "+"; }}}}}}
  if (v8place[2]!=v8place[6]) {if (v8place[2]!=v8place[10]) {if (v8place[2]!=v8place[14]) {if (v8place[6]!=v8place[10])
 {if (v8place[6]!=v8place[14]) {if (v8place[10]!=v8place[14]) {document.getElementById('v8sum7').innerHTML = "+"; }}}}}}
  if (v8place[3]!=v8place[7]) {if (v8place[3]!=v8place[11]) {if (v8place[3]!=v8place[15]) {if (v8place[7]!=v8place[11])
 {if (v8place[7]!=v8place[15]) {if (v8place[11]!=v8place[15]) {document.getElementById('v8sum8').innerHTML = "+"; }}}}}}
  if (v8place[0]!=v8place[1]) {if (v8place[0]!=v8place[4]) {if (v8place[0]!=v8place[5]) {if (v8place[1]!=v8place[4])
 {if (v8place[1]!=v8place[5]) {if (v8place[4]!=v8place[5]) {document.getElementById('v8sum9').innerHTML = "+"; }}}}}}
  if (v8place[2]!=v8place[3]) {if (v8place[2]!=v8place[6]) {if (v8place[2]!=v8place[7]) {if (v8place[3]!=v8place[6])
 {if (v8place[3]!=v8place[7]) {if (v8place[6]!=v8place[7]) {document.getElementById('v8sum10').innerHTML = "+"; }}}}}}
  if (v8place[8]!=v8place[9]) {if (v8place[8]!=v8place[12]) {if (v8place[8]!=v8place[13]) {if (v8place[9]!=v8place[12])
 {if (v8place[9]!=v8place[13]) {if (v8place[12]!=v8place[13]) {document.getElementById('v8sum11').innerHTML = "+"; }}}}}}
  if (v8place[10]!=v8place[11]) {if (v8place[10]!=v8place[14]) {if (v8place[10]!=v8place[15]) {if (v8place[11]!=v8place[14])
 {if (v8place[11]!=v8place[15]) {if (v8place[14]!=v8place[15]) {document.getElementById('v8sum12').innerHTML = "+"; }}}}}}
 }
 function v8SortClick() {
  for (var i = 0; i < 100; i++) {
  var tempValue = v8getRandomInt(0, 16);
  v8place[tempValue] = v8place[tempValue] + 1;
  if (v8place[tempValue] == 5) { v8place[tempValue] = 1; }
  }
  v8colstep = -1;
  v8GoDraw();
 }
 function v8AddClick() {
  v8colstep = -1;
  v8place = [1, 2, 3, 4, 3, 4, 1, 2, 2, 1, 4, 3, 4, 3, 2, 1];
  v8GoDraw();
 }
 function v8getRandomInt(min, max) {
  return Math.floor(Math.random() * (max - min)) + min;
 } 
  </script>
 
 

 <table align="center" width="199" class="colorborder">
  <tr><td colspan="3">
  <div align="center" id="v7Step">step:0</div>
  </td></tr>
  <tr>
  <td><center><img src="/jgame/tictactoy/Im0.jpg" onclick="v7ButtonClick(0)"
 id="v7image0" style="cursor:pointer; border:2px solid white"/></center></td>
  <td><center><img src="/jgame/tictactoy/Im0.jpg" onclick="v7ButtonClick(1)"
 id="v7image1" style="cursor:pointer; border:2px solid white"/></center></td>
  <td><center><img src="/jgame/tictactoy/Im0.jpg" onclick="v7ButtonClick(2)"
 id="v7image2" style="cursor:pointer; border:2px solid white"/></center></td>
  </tr>
  <tr>
  <td><center><img src="/jgame/tictactoy/Im0.jpg" onclick="v7ButtonClick(3)"
 id="v7image3" style="cursor:pointer; border:2px solid white"/></center></td>
  <td><center><img src="/jgame/tictactoy/Im0.jpg" onclick="v7ButtonClick(4)"
 id="v7image4" style="cursor:pointer; border:2px solid white"/></center></td>
  <td><center><img src="/jgame/tictactoy/Im0.jpg" onclick="v7ButtonClick(5)"
 id="v7image5" style="cursor:pointer; border:2px solid white"/></center></td>
  </tr>
  <tr>
  <td><center><img src="/jgame/tictactoy/Im0.jpg" onclick="v7ButtonClick(6)"
 id="v7image6" style="cursor:pointer; border:2px solid white"/></center></td>
  <td><center><img src="/jgame/tictactoy/Im0.jpg" onclick="v7ButtonClick(7)"
 id="v7image7" style="cursor:pointer; border:2px solid white"/></center></td>
  <td><center><img src="/jgame/tictactoy/Im0.jpg" onclick="v7ButtonClick(8)"
 id="v7image8" style="cursor:pointer; border:2px solid white"/></center></td>
  </tr>
  <tr>
  <td colspan="3"><center><input type="button" onclick="v7NewClick()"
 value="сначала" /></center></td>
  </tr>
 </table>
  <script>
  var v7colstep = 0;
 var v7place = [0, 0, 0, 0, 0, 0, 0, 0, 0];
 var v7NumberStep = 0;
 function v7ButtonClick(NumBut) {
  if (v7NumberStep == 0) { v7place[NumBut] = 1; v7GoDraw(); v7StepPC(); v7GoDraw(); v7NumberStep=v7NumberStep+2;}
  if (v7NumberStep == 2) { if (v7place[NumBut] == 0) { v7place[NumBut] = 1; v7GoDraw(); v7StepPC(); v7GoDraw();
 v7NumberStep=v7NumberStep+2; }}
  if (v7NumberStep == 4) { if (v7place[NumBut] == 0) { v7place[NumBut] = 1; v7GoDraw(); v7StepPC(); v7GoDraw();
 v7NumberStep=v7NumberStep+2; }}
  if (v7NumberStep == 6) { if (v7place[NumBut] == 0) { v7place[NumBut] = 1; v7GoDraw(); v7StepPC(); v7GoDraw();
 v7NumberStep=v7NumberStep+2; }}
  if (v7NumberStep == 8) { if (v7place[NumBut] == 0) { v7place[NumBut] = 1; v7GoDraw(); }}
 }
 function v7GoDraw() {
  v7colstep = v7colstep + 1;
  document.getElementById('v7Step').innerHTML = "step:" + v7colstep;
  document.getElementById('v7image0').src = "/jgame/tictactoy/Im" + v7place[0]
 + ".jpg";
  document.getElementById('v7image1').src = "/jgame/tictactoy/Im" + v7place[1]
 + ".jpg";
  document.getElementById('v7image2').src = "/jgame/tictactoy/Im" + v7place[2]
 + ".jpg";
  document.getElementById('v7image3').src = "/jgame/tictactoy/Im" + v7place[3]
 + ".jpg";
  document.getElementById('v7image4').src = "/jgame/tictactoy/Im" + v7place[4]
 + ".jpg";
  document.getElementById('v7image5').src = "/jgame/tictactoy/Im" + v7place[5]
 + ".jpg";
  document.getElementById('v7image6').src = "/jgame/tictactoy/Im" + v7place[6]
 + ".jpg";
  document.getElementById('v7image7').src = "/jgame/tictactoy/Im" + v7place[7]
 + ".jpg";
  document.getElementById('v7image8').src = "/jgame/tictactoy/Im" + v7place[8]
 + ".jpg";
  
  if (v7place[0] == v7place[2]) { if (v7place[1] == v7place[2]) { if (v7place[2] != 0) { v7NumberStep = 1;
  document.getElementById('v7image0').style.border = "2px solid blue";
  document.getElementById('v7image1').style.border = "2px solid blue";
  document.getElementById('v7image2').style.border = "2px solid blue";
  }}}
  if (v7place[3] == v7place[5]) { if (v7place[4] == v7place[5]) { if (v7place[5] != 0) { v7NumberStep = 1;
  document.getElementById('v7image3').style.border = "2px solid blue";
  document.getElementById('v7image4').style.border = "2px solid blue";
  document.getElementById('v7image5').style.border = "2px solid blue";
  }}}
  if (v7place[6] == v7place[8]) { if (v7place[7] == v7place[8]) { if (v7place[8] != 0) { v7NumberStep = 1;
  document.getElementById('v7image6').style.border = "2px solid blue";
  document.getElementById('v7image7').style.border = "2px solid blue";
  document.getElementById('v7image8').style.border = "2px solid blue";
  }}}
  if (v7place[0] == v7place[6]) { if (v7place[3] == v7place[6]) { if (v7place[6] != 0) { v7NumberStep = 1;
  document.getElementById('v7image0').style.border = "2px solid blue";
  document.getElementById('v7image3').style.border = "2px solid blue";
  document.getElementById('v7image6').style.border = "2px solid blue";
  }}}
  if (v7place[1] == v7place[7]) { if (v7place[4] == v7place[7]) { if (v7place[7] != 0) { v7NumberStep = 1;
  document.getElementById('v7image1').style.border = "2px solid blue";
  document.getElementById('v7image4').style.border = "2px solid blue";
  document.getElementById('v7image7').style.border = "2px solid blue";
  }}}
  if (v7place[2] == v7place[8]) { if (v7place[5] == v7place[8]) { if (v7place[8] != 0) { v7NumberStep = 1;
  document.getElementById('v7image2').style.border = "2px solid blue";
  document.getElementById('v7image5').style.border = "2px solid blue";
  document.getElementById('v7image8').style.border = "2px solid blue";
  }}}
  if (v7place[0] == v7place[8]) { if (v7place[4] == v7place[8]) { if (v7place[8] != 0) { v7NumberStep = 1;
  document.getElementById('v7image0').style.border = "2px solid blue";
  document.getElementById('v7image4').style.border = "2px solid blue";
  document.getElementById('v7image8').style.border = "2px solid blue";
  }}}
  if (v7place[2] == v7place[6]) { if (v7place[4] == v7place[6]) { if (v7place[6] != 0) { v7NumberStep = 1;
  document.getElementById('v7image2').style.border = "2px solid blue";
  document.getElementById('v7image4').style.border = "2px solid blue";
  document.getElementById('v7image6').style.border = "2px solid blue";
  }}}
 }
 function v7StepPC() {
  var v7step1PC = 9;
  if (v7NumberStep != 1) { 
  if (v7place[0] == 1) { if (v7place[1] == 1) { if (v7place[2] == 0) { v7step1PC = 2;}}}
  if (v7place[2] == 1) { if (v7place[1] == 1) { if (v7place[0] == 0) { v7step1PC = 0;}}}
  if (v7place[0] == 1) { if (v7place[2] == 1) { if (v7place[1] == 0) { v7step1PC = 1;}}}
  if (v7place[3] == 1) { if (v7place[4] == 1) { if (v7place[5] == 0) { v7step1PC = 5;}}}
  if (v7place[5] == 1) { if (v7place[4] == 1) { if (v7place[3] == 0) { v7step1PC = 3;}}}
  if (v7place[3] == 1) { if (v7place[5] == 1) { if (v7place[4] == 0) { v7step1PC = 4;}}}
  if (v7place[6] == 1) { if (v7place[7] == 1) { if (v7place[8] == 0) { v7step1PC = 8;}}}
  if (v7place[8] == 1) { if (v7place[7] == 1) { if (v7place[6] == 0) { v7step1PC = 6;}}}
  if (v7place[6] == 1) { if (v7place[8] == 1) { if (v7place[7] == 0) { v7step1PC = 7;}}}
  if (v7place[0] == 1) { if (v7place[3] == 1) { if (v7place[6] == 0) { v7step1PC = 6;}}}
  if (v7place[6] == 1) { if (v7place[3] == 1) { if (v7place[0] == 0) { v7step1PC = 0;}}}
  if (v7place[0] == 1) { if (v7place[6] == 1) { if (v7place[3] == 0) { v7step1PC = 3;}}}
  if (v7place[1] == 1) { if (v7place[4] == 1) { if (v7place[7] == 0) { v7step1PC = 7;}}}
  if (v7place[7] == 1) { if (v7place[4] == 1) { if (v7place[1] == 0) { v7step1PC = 1;}}}
  if (v7place[1] == 1) { if (v7place[7] == 1) { if (v7place[4] == 0) { v7step1PC = 4;}}}
  if (v7place[2] == 1) { if (v7place[5] == 1) { if (v7place[8] == 0) { v7step1PC = 8;}}}
  if (v7place[8] == 1) { if (v7place[5] == 1) { if (v7place[2] == 0) { v7step1PC = 2;}}}
  if (v7place[2] == 1) { if (v7place[8] == 1) { if (v7place[5] == 0) { v7step1PC = 5;}}}
  if (v7place[0] == 1) { if (v7place[4] == 1) { if (v7place[8] == 0) { v7step1PC = 8;}}}
  if (v7place[8] == 1) { if (v7place[4] == 1) { if (v7place[0] == 0) { v7step1PC = 0;}}}
  if (v7place[0] == 1) { if (v7place[8] == 1) { if (v7place[4] == 0) { v7step1PC = 4;}}}
  if (v7place[2] == 1) { if (v7place[4] == 1) { if (v7place[6] == 0) { v7step1PC = 6;}}}
  if (v7place[6] == 1) { if (v7place[4] == 1) { if (v7place[2] == 0) { v7step1PC = 2;}}}
  if (v7place[2] == 1) { if (v7place[6] == 1) { if (v7place[4] == 0) { v7step1PC = 4;}}}
  
  if (v7place[0] == 2) { if (v7place[1] == 2) { if (v7place[2] == 0) { v7step1PC = 2;}}}
  if (v7place[2] == 2) { if (v7place[1] == 2) { if (v7place[0] == 0) { v7step1PC = 0;}}}
  if (v7place[0] == 2) { if (v7place[2] == 2) { if (v7place[1] == 0) { v7step1PC = 1;}}}
  if (v7place[3] == 2) { if (v7place[4] == 2) { if (v7place[5] == 0) { v7step1PC = 5;}}}
  if (v7place[5] == 2) { if (v7place[4] == 2) { if (v7place[3] == 0) { v7step1PC = 3;}}}
  if (v7place[3] == 2) { if (v7place[5] == 2) { if (v7place[4] == 0) { v7step1PC = 4;}}}
  if (v7place[6] == 2) { if (v7place[7] == 2) { if (v7place[8] == 0) { v7step1PC = 8;}}}
  if (v7place[8] == 2) { if (v7place[7] == 2) { if (v7place[6] == 0) { v7step1PC = 6;}}}
  if (v7place[6] == 2) { if (v7place[8] == 2) { if (v7place[7] == 0) { v7step1PC = 7;}}}
  if (v7place[0] == 2) { if (v7place[3] == 2) { if (v7place[6] == 0) { v7step1PC = 6;}}}
  if (v7place[6] == 2) { if (v7place[3] == 2) { if (v7place[0] == 0) { v7step1PC = 0;}}}
  if (v7place[0] == 2) { if (v7place[6] == 2) { if (v7place[3] == 0) { v7step1PC = 3;}}}
  if (v7place[1] == 2) { if (v7place[4] == 2) { if (v7place[7] == 0) { v7step1PC = 7;}}}
  if (v7place[7] == 2) { if (v7place[4] == 2) { if (v7place[1] == 0) { v7step1PC = 1;}}}
  if (v7place[1] == 2) { if (v7place[7] == 2) { if (v7place[4] == 0) { v7step1PC = 4;}}}
  if (v7place[2] == 2) { if (v7place[5] == 2) { if (v7place[8] == 0) { v7step1PC = 8;}}}
  if (v7place[8] == 2) { if (v7place[5] == 2) { if (v7place[2] == 0) { v7step1PC = 2;}}}
  if (v7place[2] == 2) { if (v7place[8] == 2) { if (v7place[5] == 0) { v7step1PC = 5;}}}
  if (v7place[0] == 2) { if (v7place[4] == 2) { if (v7place[8] == 0) { v7step1PC = 8;}}}
  if (v7place[8] == 2) { if (v7place[4] == 2) { if (v7place[0] == 0) { v7step1PC = 0;}}}
  if (v7place[0] == 2) { if (v7place[8] == 2) { if (v7place[4] == 0) { v7step1PC = 4;}}}
  if (v7place[2] == 2) { if (v7place[4] == 2) { if (v7place[6] == 0) { v7step1PC = 6;}}}
  if (v7place[6] == 2) { if (v7place[4] == 2) { if (v7place[2] == 0) { v7step1PC = 2;}}}
  if (v7place[2] == 2) { if (v7place[6] == 2) { if (v7place[4] == 0) { v7step1PC = 4;}}}
  
  if (v7step1PC == 9) {
  v7step1PC = v7getRandomInt(0, 9); 
  while (v7place[v7step1PC]!=0) { v7step1PC = v7getRandomInt(0, 9);}
  }
  v7place[v7step1PC] = 2;
  }
 }
 function v7getRandomInt(min, max) {
  return Math.floor(Math.random() * (max - min)) + min;
 }
 function v7NewClick() {
  v7colstep = -1;
  v7place = [0, 0, 0, 0, 0, 0, 0, 0, 0];
  v7NumberStep = 0;
  document.getElementById('v7image0').style.border = "2px solid white";
  document.getElementById('v7image1').style.border = "2px solid white";
  document.getElementById('v7image2').style.border = "2px solid white";
  document.getElementById('v7image3').style.border = "2px solid white";
  document.getElementById('v7image4').style.border = "2px solid white";
  document.getElementById('v7image5').style.border = "2px solid white";
  document.getElementById('v7image6').style.border = "2px solid white";
  document.getElementById('v7image7').style.border = "2px solid white";
  document.getElementById('v7image8').style.border = "2px solid white";
  v7GoDraw();
 }
  </script>
 

 <p><table align="center" width="199" class="colorborder">
  <tr><td colspan="5">
  <div align="center" id="v6Step">step:0</div>
  </td></tr>
  <tr>
  <td><center><img src="/jgame/summa15/Im16.jpg" onclick="v6ButtonClick(0)"
 id="v6image0" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/summa15/Im3.jpg" onclick="v6ButtonClick(1)"
 id="v6image1" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/summa15/Im2.jpg" onclick="v6ButtonClick(2)"
 id="v6image2" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/summa15/Im13.jpg" onclick="v6ButtonClick(3)"
 id="v6image3" style="cursor:pointer"/></center></td>
  <td><div align="center" id="v6sum1" style="font-weight:bold">34</div></td>
  </tr>
  <tr>
  <td><center><img src="/jgame/summa15/Im5.jpg" onclick="v6ButtonClick(4)"
 id="v6image4" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/summa15/Im10.jpg" onclick="v6ButtonClick(5)"
 id="v6image5" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/summa15/Im11.jpg" onclick="v6ButtonClick(6)"
 id="v6image6" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/summa15/Im8.jpg" onclick="v6ButtonClick(7)"
 id="v6image7" style="cursor:pointer"/></center></td>
  <td><div align="center" id="v6sum2" style="font-weight:bold">34</div></td>
  </tr>
  <tr>
  <td><center><img src="/jgame/summa15/Im9.jpg" onclick="v6ButtonClick(8)"
 id="v6image8" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/summa15/Im6.jpg" onclick="v6ButtonClick(9)"
 id="v6image9" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/summa15/Im7.jpg" onclick="v6ButtonClick(10)"
 id="v6image10" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/summa15/Im12.jpg" onclick="v6ButtonClick(11)"
 id="v6image11" style="cursor:pointer"/></center></td>
  <td><div align="center" id="v6sum3" style="font-weight:bold">34</div></td>
  </tr>
  <tr>
  <td><center><img src="/jgame/summa15/Im4.jpg" onclick="v6ButtonClick(12)"
 id="v6image12" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/summa15/Im15.jpg" onclick="v6ButtonClick(13)"
 id="v6image13" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/summa15/Im14.jpg" onclick="v6ButtonClick(14)"
 id="v6image14" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/summa15/Im1.jpg" onclick="v6ButtonClick(15)"
 id="v6image15" style="cursor:pointer"/></center></td>
  <td><div align="center" id="v6sum4" style="font-weight:bold">34</div></td>
  </tr>
  <tr>
  <td><div align="center" id="v6sum5" style="font-weight:bold">34</div></td>
  <td><div align="center" id="v6sum6" style="font-weight:bold">34</div></td>
  <td><div align="center" id="v6sum7" style="font-weight:bold">34</div></td>
  <td><div align="center" id="v6sum8" style="font-weight:bold">34</div</td>
  <td><div align="center">&nbsp;</div</td>
  </tr>
  <tr>
  <td colspan="2"><center><input type="button" onclick="v6AddClick()"
 value="сложить" /></center></td>
  <td colspan="2"><center><input type="button" onclick="v6SortClick()"
 value="старт" /></center></td>
  <td><div align="center">&nbsp;</div</td>
  </tr>
 </table>
  <script>
  var v6colstep = 0;
 var v6place = [16, 3, 2, 13, 5, 10, 11, 8, 9, 6, 7, 12, 4, 15, 14, 1];
 function v6ButtonClick(NumBut) {
  v6place[NumBut] = v6place[NumBut] + 1;
  if (v6place[NumBut] == 17) { v6place[NumBut] = 1; }
  v6GoDraw();
 }
 function v6GoDraw() {
  v6colstep = v6colstep + 1;
  document.getElementById('v6Step').innerHTML = "step:" + v6colstep;
  document.getElementById('v6image0').src = "/jgame/summa15/Im" + v6place[0] + ".jpg";
  document.getElementById('v6image1').src = "/jgame/summa15/Im" + v6place[1] + ".jpg";
  document.getElementById('v6image2').src = "/jgame/summa15/Im" + v6place[2] + ".jpg";
  document.getElementById('v6image3').src = "/jgame/summa15/Im" + v6place[3] + ".jpg";
  document.getElementById('v6image4').src = "/jgame/summa15/Im" + v6place[4] + ".jpg";
  document.getElementById('v6image5').src = "/jgame/summa15/Im" + v6place[5] + ".jpg";
  document.getElementById('v6image6').src = "/jgame/summa15/Im" + v6place[6] + ".jpg";
  document.getElementById('v6image7').src = "/jgame/summa15/Im" + v6place[7] + ".jpg";
  document.getElementById('v6image8').src = "/jgame/summa15/Im" + v6place[8] + ".jpg";
  document.getElementById('v6image9').src = "/jgame/summa15/Im" + v6place[9] + ".jpg";
  document.getElementById('v6image10').src = "/jgame/summa15/Im" + v6place[10] + ".jpg";
  document.getElementById('v6image11').src = "/jgame/summa15/Im" + v6place[11] + ".jpg";
  document.getElementById('v6image12').src = "/jgame/summa15/Im" + v6place[12] + ".jpg";
  document.getElementById('v6image13').src = "/jgame/summa15/Im" + v6place[13] + ".jpg";
  document.getElementById('v6image14').src = "/jgame/summa15/Im" + v6place[14] + ".jpg";
  document.getElementById('v6image15').src = "/jgame/summa15/Im" + v6place[15] + ".jpg";
  
  document.getElementById('v6sum1').innerHTML = v6place[0] + v6place[1] + v6place[2] + v6place[3];
  document.getElementById('v6sum2').innerHTML = v6place[4] + v6place[5] + v6place[6] + v6place[7];
  document.getElementById('v6sum3').innerHTML = v6place[8] + v6place[9] + v6place[10] + v6place[11];
  document.getElementById('v6sum4').innerHTML = v6place[12] + v6place[13] + v6place[14] + v6place[15];
  document.getElementById('v6sum5').innerHTML = v6place[0] + v6place[4] + v6place[8] + v6place[12];
  document.getElementById('v6sum6').innerHTML = v6place[1] + v6place[5] + v6place[9] + v6place[13];
  document.getElementById('v6sum7').innerHTML = v6place[2] + v6place[6] + v6place[10] + v6place[14];
  document.getElementById('v6sum8').innerHTML = v6place[3] + v6place[7] + v6place[11] + v6place[15];</p>

 <p> document.getElementById('v6sum1').style.fontWeight = 'normal'; 
  document.getElementById('v6sum2').style.fontWeight = 'normal'; 
  document.getElementById('v6sum3').style.fontWeight = 'normal'; 
  document.getElementById('v6sum4').style.fontWeight = 'normal'; 
  document.getElementById('v6sum5').style.fontWeight = 'normal'; 
  document.getElementById('v6sum6').style.fontWeight = 'normal'; 
  document.getElementById('v6sum7').style.fontWeight = 'normal'; 
  document.getElementById('v6sum8').style.fontWeight = 'normal'; </p>

 <p> if (v6place[0] + v6place[1] + v6place[2] + v6place[3] == 34) { document.getElementById('v6sum1').style.fontWeight = 'bold'; }
  if (v6place[4] + v6place[5] + v6place[6] + v6place[7] == 34) { document.getElementById('v6sum2').style.fontWeight = 'bold'; }
  if (v6place[8] + v6place[9] + v6place[10] + v6place[11] == 34) { document.getElementById('v6sum3').style.fontWeight = 'bold'; }
  if (v6place[12] + v6place[13] + v6place[14] + v6place[15] == 34) { document.getElementById('v6sum4').style.fontWeight = 'bold'; }
  if (v6place[0] + v6place[4] + v6place[8] + v6place[12] == 34) { document.getElementById('v6sum5').style.fontWeight = 'bold'; }
  if (v6place[1] + v6place[5] + v6place[9] + v6place[13] == 34) { document.getElementById('v6sum6').style.fontWeight = 'bold'; }
  if (v6place[2] + v6place[6] + v6place[10] + v6place[14] == 34) { document.getElementById('v6sum7').style.fontWeight = 'bold'; }
  if (v6place[3] + v6place[7] + v6place[11] + v6place[15] == 34) { document.getElementById('v6sum8').style.fontWeight = 'bold'; }
 }
 function v6SortClick() {
  for (var i = 0; i < 100; i++) {
  var tempValue = v6getRandomInt(0, 16);
  v6place[tempValue] = v6place[tempValue] + 1;
  if (v6place[tempValue] == 17) { v6place[tempValue] = 1; }
  }
  v6colstep = -1;
  v6GoDraw();
 }
 function v6AddClick() {
  v6colstep = -1;
  v6place = [16, 3, 2, 13, 5, 10, 11, 8, 9, 6, 7, 12, 4, 15, 14, 1];
  v6GoDraw();
 }
 function v6getRandomInt(min, max) {
  return Math.floor(Math.random() * (max - min)) + min;
 }
  </script></p>
 

 <p><table align="center" width="199" class="colorborder">
  <tr><td colspan="4">
  <div align="center" id="v5Step">step:0</div>
  </td></tr>
  <tr>
  <td><center><img src="/jgame/summa15/Im1.jpg" onclick="v5ButtonClick(0)"
 id="v5image0" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/summa15/Im5.jpg" onclick="v5ButtonClick(1)"
 id="v5image1" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/summa15/Im9.jpg" onclick="v5ButtonClick(2)"
 id="v5image2" style="cursor:pointer"/></center></td>
  <td><div align="center" id="v5sum1" style="font-weight:bold">15</div></td>
  </tr>
  <tr>
  <td><center><img src="/jgame/summa15/Im6.jpg" onclick="v5ButtonClick(3)"
 id="v5image3" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/summa15/Im7.jpg" onclick="v5ButtonClick(4)"
 id="v5image4" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/summa15/Im2.jpg" onclick="v5ButtonClick(5)"
 id="v5image5" style="cursor:pointer"/></center></td>
  <td><div align="center" id="v5sum2" style="font-weight:bold">15</div></td>
  </tr>
  <tr>
  <td><center><img src="/jgame/summa15/Im8.jpg" onclick="v5ButtonClick(6)"
 id="v5image6" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/summa15/Im3.jpg" onclick="v5ButtonClick(7)"
 id="v5image7" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/summa15/Im4.jpg" onclick="v5ButtonClick(8)"
 id="v5image8" style="cursor:pointer"/></center></td>
  <td><div align="center" id="v5sum3" style="font-weight:bold">15</div></td>
  </tr>
  <tr>
  <td><div align="center" id="v5sum4" style="font-weight:bold">15</div></td>
  <td><div align="center" id="v5sum5" style="font-weight:bold">15</div></td>
  <td><div align="center" id="v5sum6" style="font-weight:bold">15</div></td>
  <td>&nbsp;</td>
  </tr>
  <tr>
  <td colspan="2"><center><input type="button" onclick="v5AddClick()"
 value="сложить" /></center></td>
  <td colspan="2"><center><input type="button" onclick="v5SortClick()"
 value="старт" /></center></td>
  </tr>
 </table>
  <script>
  var v5colstep = 0;
 var v5place = [1, 5, 9, 6, 7, 2, 8, 3, 4];
 function v5ButtonClick(NumBut) {
  v5place[NumBut] = v5place[NumBut] + 1;
  if (v5place[NumBut] == 10) { v5place[NumBut] = 1; }
  v5GoDraw();
 }
 function v5GoDraw() {
  v5colstep = v5colstep + 1;
  document.getElementById('v5Step').innerHTML = "step:" + v5colstep;
  document.getElementById('v5image0').src = "/jgame/summa15/Im" + v5place[0] + ".jpg";
  document.getElementById('v5image1').src = "/jgame/summa15/Im" + v5place[1] + ".jpg";
  document.getElementById('v5image2').src = "/jgame/summa15/Im" + v5place[2] + ".jpg";
  document.getElementById('v5image3').src = "/jgame/summa15/Im" + v5place[3] + ".jpg";
  document.getElementById('v5image4').src = "/jgame/summa15/Im" + v5place[4] + ".jpg";
  document.getElementById('v5image5').src = "/jgame/summa15/Im" + v5place[5] + ".jpg";
  document.getElementById('v5image6').src = "/jgame/summa15/Im" + v5place[6] + ".jpg";
  document.getElementById('v5image7').src = "/jgame/summa15/Im" + v5place[7] + ".jpg";
  document.getElementById('v5image8').src = "/jgame/summa15/Im" + v5place[8] + ".jpg";
  
  document.getElementById('v5sum1').innerHTML = v5place[0] + v5place[1] + v5place[2];
  document.getElementById('v5sum2').innerHTML = v5place[3] + v5place[4] + v5place[5];
  document.getElementById('v5sum3').innerHTML = v5place[6] + v5place[7] + v5place[8];
  document.getElementById('v5sum4').innerHTML = v5place[0] + v5place[3] + v5place[6];
  document.getElementById('v5sum5').innerHTML = v5place[1] + v5place[4] + v5place[7];
  document.getElementById('v5sum6').innerHTML = v5place[2] + v5place[5] + v5place[8];</p>

 <p> document.getElementById('v5sum1').style.fontWeight = 'normal'; 
  document.getElementById('v5sum2').style.fontWeight = 'normal'; 
  document.getElementById('v5sum3').style.fontWeight = 'normal'; 
  document.getElementById('v5sum4').style.fontWeight = 'normal'; 
  document.getElementById('v5sum5').style.fontWeight = 'normal'; 
  document.getElementById('v5sum6').style.fontWeight = 'normal'; </p>

 <p> if (v5place[0] + v5place[1] + v5place[2] == 15) { document.getElementById('v5sum1').style.fontWeight = 'bold'; }
  if (v5place[3] + v5place[4] + v5place[5] == 15) { document.getElementById('v5sum2').style.fontWeight = 'bold'; }
  if (v5place[6] + v5place[7] + v5place[8] == 15) { document.getElementById('v5sum3').style.fontWeight = 'bold'; }
  if (v5place[0] + v5place[3] + v5place[6] == 15) { document.getElementById('v5sum4').style.fontWeight = 'bold'; }
  if (v5place[1] + v5place[4] + v5place[7] == 15) { document.getElementById('v5sum5').style.fontWeight = 'bold'; }
  if (v5place[2] + v5place[5] + v5place[8] == 15) { document.getElementById('v5sum6').style.fontWeight = 'bold'; }
 }
 function v5SortClick() {
  for (var i = 0; i < 100; i++) {
  var tempValue = v5getRandomInt(0, 9);
  v5place[tempValue] = v5place[tempValue] + 1;
  if (v5place[tempValue] == 10) { v5place[tempValue] = 1; }
  }
  v5colstep = -1;
  v5GoDraw();
 }
 function v5AddClick() {
  v5colstep = -1;
  v5place = [1, 5, 9, 6, 7, 2, 8, 3, 4];
  v5GoDraw();
 }
 function v5getRandomInt(min, max) {
  return Math.floor(Math.random() * (max - min)) + min;
 }
  </script></p>
 

 <table width="50" align="center" class="colorborder">
  <tr><td colspan="3">
  <div align="center" id="v4Step">step:0</div>
  </td></tr>
  <tr>
  <td colspan="3"><input type="text" id="v4outtext" value="число: *" /></td>
  </tr>
  <tr>
  <td><center><img src="/jgame/findvalue/Im1m.jpg" onclick="v4ButtonClick(1)"
 style="cursor:pointer" /></center></td>
  <td><center><img src="/jgame/findvalue/Im2m.jpg" onclick="v4ButtonClick(2)"
 style="cursor:pointer" /></center></td>
  <td><center><img src="/jgame/findvalue/Im3m.jpg" onclick="v4ButtonClick(3)"
 style="cursor:pointer" /></center></td>
  </tr>
  <tr>
  <td><center><img src="/jgame/findvalue/Im4m.jpg" onclick="v4ButtonClick(4)"
 style="cursor:pointer" /></center></td>
  <td><center><img src="/jgame/findvalue/Im5m.jpg" onclick="v4ButtonClick(5)"
 style="cursor:pointer" /></center></td>
  <td><center><img src="/jgame/findvalue/Im6m.jpg" onclick="v4ButtonClick(6)"
 style="cursor:pointer" /></center></td>
  </tr>
  <tr>
  <td><center><img src="/jgame/findvalue/Im7m.jpg" onclick="v4ButtonClick(7)"
 style="cursor:pointer" /></center></td>
  <td><center><img src="/jgame/findvalue/Im8m.jpg" onclick="v4ButtonClick(8)"
 style="cursor:pointer" /></center></td>
  <td><center><img src="/jgame/findvalue/Im9m.jpg" onclick="v4ButtonClick(9)"
 style="cursor:pointer" /></center></td>
  </tr>
 </table>
  <script>
 var v4colstep = 0;
 var v4tempValue = Math.floor(Math.random() * (10 - 1)) + 1;
 function v4ButtonClick(NumBut) {
 document.getElementById('v4outtext').value = NumBut;
  v4colstep = v4colstep + 1;
  document.getElementById('v4Step').innerHTML = "step:" + v4colstep;
 if (NumBut == v4tempValue) {
  document.getElementById('v4outtext').value = "Верно ," + v4tempValue + ", число: *";
  v4tempValue = Math.floor(Math.random() * (10 - 1)) + 1;
  v4colstep = 0;
  }
 }
 </script>
 

 <table align="center" width="199" height="199"
 class="colorborder">
  <tr><td colspan="8">
  <div align="center" id="v3Step">step:0</div>
  </td></tr>
  <tr>
  <td><center><img src="/jgame/game8/color0.png"/></center></td>
  <td><center><img src="/jgame/game8/color0.png"/></center></td>
  <td><center><img src="/jgame/game8/color0.png"/></center></td>
  <td rowspan="2"><center><img src="/jgame/game8/color1.png"
 id="v3sphera4"/></center></td>
  <td><center><img src="/jgame/game8/color0.png"/></center></td>
  <td><center><img src="/jgame/game8/color0.png"/></center></td>
  <td><center><img src="/jgame/game8/color0.png"/></center></td>
  <td><center><img src="/jgame/game8/color0.png"/></center></td>
  </tr>
  <tr>
  <td><center><img src="/jgame/game8/color0.png"/></center></td>
  <td><center><img src="/jgame/game8/color0.png"/></center></td>
  <td><center><img src="/jgame/game8/color1.png"
 id="v3sphera3"/></center></td>
  <td><center><img src="/jgame/game8/color1.png"
 id="v3sphera5"/></center></td>
  <td><center><img src="/jgame/game8/color0.png"/></center></td>
  <td><center><img src="/jgame/game8/color0.png"/></center></td>
  <td rowspan="2"><center><img src="/jgame/game8/ImT.jpg"
 style="cursor:pointer" onclick="v3GoClick(0)"/></center></td>
  </tr>
  <tr>
  <td><center><img src="/jgame/game8/color0.png"/></center></td>
  <td><center><img src="/jgame/game8/color1.png"
 id="v3sphera2"/></center></td>
  <td><center><img src="/jgame/game8/color0.png"/></center></td>
  <td><center><img src="/jgame/game8/color0.png"/></center></td>
  <td><center><img src="/jgame/game8/color0.png"/></center></td>
  <td><center><img src="/jgame/game8/color1.png"
 id="v3sphera6"/></center></td>
  <td><center><img src="/jgame/game8/color0.png"/></center></td>
  </tr>
  <tr>
  <td colspan="2" rowspan="2"><center><img src="/jgame/game8/color1.png"
 id="v3sphera1"/></center></td>
  <td><center><img src="/jgame/game8/color0.png"/></center></td>
  <td rowspan="2"><center><img src="/jgame/game8/color2.png"
 id="v3sphera21"/></center></td>
  <td><center><img src="/jgame/game8/color0.png"/></center></td>
  <td colspan="2" rowspan="2"><center><img src="/jgame/game8/color1.png"
 id="v3sphera7"/></center></td>
  <td rowspan="2"><center><img src="/jgame/game8/ImB.jpg"
 style="cursor:pointer" onclick="v3GoClick(1)"/></center></td>
  </tr>
  <tr>
  <td><center><img src="/jgame/game8/color2.png"
 id="v3sphera20"/></center></td>
  <td><center><img src="/jgame/game8/color2.png"
 id="v3sphera22"/></center></td>
  </tr>
  <tr>
  <td><center><img src="/jgame/game8/color0.png"/></center></td>
  <td><center><img src="/jgame/game8/color2.png"
 id="v3sphera19"/></center></td>
  <td><center><img src="/jgame/game8/color0.png"/></center></td>
  <td><center><img src="/jgame/game8/color0.png"/></center></td>
  <td><center><img src="/jgame/game8/color0.png"/></center></td>
  <td><center><img src="/jgame/game8/color1.png"
 id="v3sphera8"/></center></td>
  <td><center><img src="/jgame/game8/color0.png"/></center></td>
  <td><center><img src="/jgame/game8/color0.png"/></center></td>
  </tr>
  <tr>
  <td colspan="2" rowspan="2"><center><img src="/jgame/game8/color2.png"
 id="v3sphera18"/></center></td>
  <td><center><img src="/jgame/game8/color1.png"
 id="v3sphera11"/></center></td>
  <td rowspan="2"><center><img src="/jgame/game8/color1.png"
 id="v3sphera10"/></center></td>
  <td><center><img src="/jgame/game8/color1.png"
 id="v3sphera9"/></center></td>
  <td colspan="2" rowspan="2"><center><img src="/jgame/game8/color2.png"
 id="v3sphera12"/></center></td>
  <td rowspan="2"><center><img src="/jgame/game8/ImT.jpg"
 style="cursor:pointer" onclick="v3GoClick(2)"/></center></td>
  </tr>
  <tr>
  <td><center><img src="/jgame/game8/color0.png"/></center></td>
  <td><center><img src="/jgame/game8/color0.png"/></center></td>
  </tr>
  <tr>
  <td><center><img src="/jgame/game8/color0.png"/></center></td>
  <td><center><img src="/jgame/game8/color2.png"
 id="v3sphera17"/></center></td>
  <td><center><img src="/jgame/game8/color0.png"/></center></td>
  <td><center><img src="/jgame/game8/color0.png"/></center></td>
  <td><center><img src="/jgame/game8/color0.png"/></center></td>
  <td><center><img src="/jgame/game8/color2.png"
 id="v3sphera13"/></center></td>
  <td><center><img src="/jgame/game8/color0.png"/></center></td>
  <td rowspan="2"><center><img src="/jgame/game8/ImB.jpg"
 style="cursor:pointer" onclick="v3GoClick(3)"/></center></td>
  </tr>
  <tr>
  <td><center><img src="/jgame/game8/color0.png"/></center></td>
  <td><center><img src="/jgame/game8/color0.png"/></center></td>
  <td><center><img src="/jgame/game8/color2.png"
 id="v3sphera16"/></center></td>
  <td rowspan="2"><center><img src="/jgame/game8/color2.png"
 id="v3sphera15"/></center></td>
  <td><center><img src="/jgame/game8/color2.png"
 id="v3sphera14"/></center></td>
  <td><center><img src="/jgame/game8/color0.png"/></center></td>
  <td><center><img src="/jgame/game8/color0.png"/></center></td>
  </tr>
  <tr>
  <td><center><img src="/jgame/game8/color0.png"/></center></td>
  <td><center><img src="/jgame/game8/color0.png"/></center></td>
  <td><center><img src="/jgame/game8/color0.png"/></center></td>
  <td><center><img src="/jgame/game8/color0.png"/></center></td>
  <td><center><img src="/jgame/game8/color0.png"/></center></td>
  <td><center><img src="/jgame/game8/color0.png"/></center></td>
  <td><center><img src="/jgame/game8/color0.png"/></center></td>
  </tr>
  <tr>
  <td colspan="3"><center><input type="button" onclick="v3AddClick()"
 value="сложить" /></center></td>
  <td colspan="4"><center><input type="button" onclick="v3SortClick()"
 value="перемешать" /></center></td>
  <td><center><img src="/jgame/game8/color0.png"/></center></td>
  </tr>
 </table>
  <script>
  var v3colstep = 0;
 var v3place = [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2];
 function v3GoClick(A1) {
  var tempcolor = 4;
  if (A1 == 0) {
  tempcolor = v3place[3];
  v3place[3] = v3place[4]; 
  v3place[4] = v3place[5]; 
  v3place[5] = v3place[6]; 
  v3place[6] = v3place[7]; 
  v3place[7] = v3place[8]; 
  v3place[8] = v3place[9]; 
  v3place[9] = v3place[10]; 
  v3place[10] = v3place[18]; 
  v3place[18] = v3place[0]; 
  v3place[0] = v3place[1]; 
  v3place[1] = v3place[2]; 
  v3place[2] = tempcolor; 
  }
  if (A1 == 1) {
  tempcolor = v3place[3];
  v3place[3] = v3place[2]; 
  v3place[2] = v3place[1]; 
  v3place[1] = v3place[0]; 
  v3place[0] = v3place[18]; 
  v3place[18] = v3place[10]; 
  v3place[10] = v3place[9]; 
  v3place[9] = v3place[8]; 
  v3place[8] = v3place[7]; 
  v3place[7] = v3place[6]; 
  v3place[6] = v3place[5]; 
  v3place[5] = v3place[4]; 
  v3place[4] = tempcolor; 
  }
  if (A1 == 2) {
  tempcolor = v3place[14];
  v3place[14] = v3place[15]; 
  v3place[15] = v3place[16]; 
  v3place[16] = v3place[17]; 
  v3place[17] = v3place[18]; 
  v3place[18] = v3place[19]; 
  v3place[19] = v3place[20]; 
  v3place[20] = v3place[21]; 
  v3place[21] = v3place[7]; 
  v3place[7] = v3place[11]; 
  v3place[11] = v3place[12]; 
  v3place[12] = v3place[13]; 
  v3place[13] = tempcolor; 
  }
  if (A1 == 3) {
  tempcolor = v3place[14];
  v3place[14] = v3place[13]; 
  v3place[13] = v3place[12]; 
  v3place[12] = v3place[11]; 
  v3place[11] = v3place[7]; 
  v3place[7] = v3place[21]; 
  v3place[21] = v3place[20]; 
  v3place[20] = v3place[19]; 
  v3place[19] = v3place[18]; 
  v3place[18] = v3place[17]; 
  v3place[17] = v3place[16]; 
  v3place[16] = v3place[15]; 
  v3place[15] = tempcolor; 
  }
  v3GoDraw();
 }
 function v3GoDraw() {
  v3colstep = v3colstep + 1;
  document.getElementById('v3Step').innerHTML = "step:" + v3colstep;
  document.getElementById('v3sphera1').src="/jgame/game8/color" + v3place[0] + ".png";
  document.getElementById('v3sphera2').src="/jgame/game8/color" + v3place[1] + ".png";
  document.getElementById('v3sphera3').src="/jgame/game8/color" + v3place[2] + ".png";
  document.getElementById('v3sphera4').src="/jgame/game8/color" + v3place[3] + ".png";
  document.getElementById('v3sphera5').src="/jgame/game8/color" + v3place[4] + ".png";
  document.getElementById('v3sphera6').src="/jgame/game8/color" + v3place[5] + ".png";
  document.getElementById('v3sphera7').src="/jgame/game8/color" + v3place[6] + ".png";
  document.getElementById('v3sphera8').src="/jgame/game8/color" + v3place[7] + ".png";
  document.getElementById('v3sphera9').src="/jgame/game8/color" + v3place[8] + ".png";
  document.getElementById('v3sphera10').src="/jgame/game8/color" + v3place[9] + ".png";
  document.getElementById('v3sphera11').src="/jgame/game8/color" + v3place[10] + ".png";
  document.getElementById('v3sphera12').src="/jgame/game8/color" + v3place[11] + ".png";
  document.getElementById('v3sphera13').src="/jgame/game8/color" + v3place[12] + ".png";
  document.getElementById('v3sphera14').src="/jgame/game8/color" + v3place[13] + ".png";
  document.getElementById('v3sphera15').src="/jgame/game8/color" + v3place[14] + ".png";
  document.getElementById('v3sphera16').src="/jgame/game8/color" + v3place[15] + ".png";
  document.getElementById('v3sphera17').src="/jgame/game8/color" + v3place[16] + ".png";
  document.getElementById('v3sphera18').src="/jgame/game8/color" + v3place[17] + ".png";
  document.getElementById('v3sphera19').src="/jgame/game8/color" + v3place[18] + ".png";
  document.getElementById('v3sphera20').src="/jgame/game8/color" + v3place[19] + ".png";
  document.getElementById('v3sphera21').src="/jgame/game8/color" + v3place[20] + ".png";
  document.getElementById('v3sphera22').src="/jgame/game8/color" + v3place[21] + ".png";
 }
 function v3SortClick() {
  for (var i = 0; i < 30; i++) { v3GoClick(v3getRandomInt(0, 3)); }
  v3colstep = 0;
  document.getElementById('v3Step').innerHTML = "step:" + v3colstep;
 }
 function v3AddClick() {
  v3colstep = -1;
  v3place = [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2];
  v3GoDraw();
 }
 function v3getRandomInt(min, max) {
  return Math.floor(Math.random() * (max - min)) + min;
 }
 </script>
 

 <table align="center" width="199"
 class="colorborder">
  <tr><td colspan="6">
  <div align="center" id="v2Step">step:0</div>
  </td></tr>
  <tr>
  <td><center>&nbsp;</center></td>
  <td><center><img src="/jgame/fifteen/ImB.jpg"
 onclick="ButtonClickv2(1)"
 style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/fifteen/ImB.jpg"
 onclick="ButtonClickv2(2)"
 style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/fifteen/ImB.jpg"
 onclick="ButtonClickv2(3)"
 style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/fifteen/ImB.jpg"
 onclick="ButtonClickv2(4)"
 style="cursor:pointer"/></center></td>
  <td><center>&nbsp;</center></td>
  </tr>
  <tr>
  <td><center><img src="/jgame/fifteen/ImR.jpg"
 onclick="ButtonClickv2(5)" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/fifteen/Im1.jpg"
 id="imagev20"/></center></td>
  <td><center><img src="/jgame/fifteen/Im2.jpg"
 id="imagev21"/></center></td>
  <td><center><img src="/jgame/fifteen/Im3.jpg"
 id="imagev22"/></center></td>
  <td><center><img src="/jgame/fifteen/Im4.jpg"
 id="imagev23"/></center></td>
  <td><center><img src="/jgame/fifteen/ImL.jpg"
 onclick="ButtonClickv2(9)" style="cursor:pointer"/></center></td>
  </tr>
  <tr>
  <td><center><img src="/jgame/fifteen/ImR.jpg"
 onclick="ButtonClickv2(6)" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/fifteen/Im5.jpg"
 id="imagev24"/></center></td>
  <td><center><img src="/jgame/fifteen/Im6.jpg"
 id="imagev25"/></center></td>
  <td><center><img src="/jgame/fifteen/Im7.jpg"
 id="imagev26"/></center></td>
  <td><center><img src="/jgame/fifteen/Im8.jpg"
 id="imagev27"/></center></td>
  <td><center><img src="/jgame/fifteen/ImL.jpg"
 onclick="ButtonClickv2(10)" style="cursor:pointer"/></center></td>
  </tr>
  <tr>
  <td><center><img src="/jgame/fifteen/ImR.jpg"
 onclick="ButtonClickv2(7)" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/fifteen/Im9.jpg"
 id="imagev28"/></center></td>
  <td><center><img src="/jgame/fifteen/Im10.jpg"
 id="imagev29"/></center></td>
  <td><center><img src="/jgame/fifteen/Im11.jpg"
 id="imagev210"/></center></td>
  <td><center><img src="/jgame/fifteen/Im12.jpg"
 id="imagev211"/></center></td>
  <td><center><img src="/jgame/fifteen/ImL.jpg"
 onclick="ButtonClickv2(11)" style="cursor:pointer"/></center></td>
  </tr>
  <tr>
  <td><center><img src="/jgame/fifteen/ImR.jpg"
 onclick="ButtonClickv2(8)" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/fifteen/Im13.jpg"
 id="imagev212"/></center></td>
  <td><center><img src="/jgame/fifteen/Im14.jpg"
 id="imagev213"/></center></td>
  <td><center><img src="/jgame/fifteen/Im15.jpg"
 id="imagev214"/></center></td>
  <td><center><img src="/jgame/fifteen/Im0.jpg"
 id="imagev215"/></center></td>
  <td><center><img src="/jgame/fifteen/ImL.jpg"
 onclick="ButtonClickv2(12)" style="cursor:pointer"/></center></td>
  </tr>
  <tr>
  <td><center>&nbsp;</center></td>
  <td><center><img src="/jgame/fifteen/ImT.jpg" onclick="ButtonClickv2(13)"
 style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/fifteen/ImT.jpg" onclick="ButtonClickv2(14)"
 style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/fifteen/ImT.jpg" onclick="ButtonClickv2(15)"
 style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/fifteen/ImT.jpg" onclick="ButtonClickv2(16)"
 style="cursor:pointer"/></center></td>
  <td><center>&nbsp;</center></td>
  </tr>
  <tr>
  <td colspan="3"><center><input type="button" onclick="AddClickv2()"
 value="сложить" /></center></td>
  <td colspan="3"><center><input type="button" onclick="SortClickv2()"
 value="перемешать" /></center></td>
  </tr>
 </table>
  <script>
  var v2colstep = 0;
 var placev2 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 0];
 function ButtonClickv2(NumBut) {
  if (NumBut == 13) { GoClickv2(0, 4, 8, 12); }
  if (NumBut == 14) { GoClickv2(1, 5, 9, 13); }
  if (NumBut == 15) { GoClickv2(2, 6, 10, 14); }
  if (NumBut == 16) { GoClickv2(3, 7, 11, 15); }
  if (NumBut == 9) { GoClickv2(0, 1, 2, 3); }
  if (NumBut == 10) { GoClickv2(4, 5, 6, 7); }
  if (NumBut == 11) { GoClickv2(8, 9, 10, 11); }
  if (NumBut == 12) { GoClickv2(12, 13, 14, 15); }
  if (NumBut == 5) { GoClickv2(3, 2, 1, 0); }
  if (NumBut == 6) { GoClickv2(7, 6, 5, 4); }
  if (NumBut == 7) { GoClickv2(11, 10, 9, 8); }
  if (NumBut == 8) { GoClickv2(15, 14, 13, 12); }
  if (NumBut == 1) { GoClickv2(12, 8, 4, 0); }
  if (NumBut == 2) { GoClickv2(13, 9, 5, 1); }
  if (NumBut == 3) { GoClickv2(14, 10, 6, 2); }
  if (NumBut == 4) { GoClickv2(15, 11, 7, 3); }
 }
 function GoClickv2(A1, A2, A3, A4) {
  var TempIm = placev2[A1];
  placev2[A1] = placev2[A2];
  placev2[A2] = placev2[A3];
  placev2[A3] = placev2[A4];
  placev2[A4] = TempIm;
  GoDrawv2();
 }
 function GoDrawv2() {
  v2colstep = v2colstep + 1;
  document.getElementById('v2Step').innerHTML = "step:" + v2colstep;
  document.getElementById('imagev20').src = "/jgame/fifteen/Im" + placev2[0] + ".jpg";
  document.getElementById('imagev21').src = "/jgame/fifteen/Im" + placev2[1] + ".jpg";
  document.getElementById('imagev22').src = "/jgame/fifteen/Im" + placev2[2] + ".jpg";
  document.getElementById('imagev23').src = "/jgame/fifteen/Im" + placev2[3] + ".jpg";
  document.getElementById('imagev24').src = "/jgame/fifteen/Im" + placev2[4] + ".jpg";
  document.getElementById('imagev25').src = "/jgame/fifteen/Im" + placev2[5] + ".jpg";
  document.getElementById('imagev26').src = "/jgame/fifteen/Im" + placev2[6] + ".jpg";
  document.getElementById('imagev27').src = "/jgame/fifteen/Im" + placev2[7] + ".jpg";
  document.getElementById('imagev28').src = "/jgame/fifteen/Im" + placev2[8] + ".jpg";
  document.getElementById('imagev29').src = "/jgame/fifteen/Im" + placev2[9] + ".jpg";
  document.getElementById('imagev210').src = "/jgame/fifteen/Im" + placev2[10] + ".jpg";
  document.getElementById('imagev211').src = "/jgame/fifteen/Im" + placev2[11] + ".jpg";
  document.getElementById('imagev212').src = "/jgame/fifteen/Im" + placev2[12] + ".jpg";
  document.getElementById('imagev213').src = "/jgame/fifteen/Im" + placev2[13] + ".jpg";
  document.getElementById('imagev214').src = "/jgame/fifteen/Im" + placev2[14] + ".jpg";
  document.getElementById('imagev215').src = "/jgame/fifteen/Im" + placev2[15] + ".jpg";
 }
 function SortClickv2() {
  for (var i = 0; i < 30; i++) { ButtonClickv2(getRandomIntv2(1, 16)); }
  v2colstep = 0;
  document.getElementById('v2Step').innerHTML = "step:" + v2colstep;
 }
 function AddClickv2() {
  v2colstep = -1;
  placev2 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 0];
  GoDrawv2();
 }
 function getRandomIntv2(min, max) {
  return Math.floor(Math.random() * (max - min)) + min;
 }
 </script>
 

 <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="/jgame/fifteen/Im1.jpg" onclick="ButtonClick(0)"
 id="image0" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/fifteen/Im2.jpg" onclick="ButtonClick(1)"
 id="image1" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/fifteen/Im3.jpg" onclick="ButtonClick(2)"
 id="image2" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/fifteen/Im4.jpg" onclick="ButtonClick(3)"
 id="image3" style="cursor:pointer"/></center></td>
  </tr>
  <tr>
  <td><center><img src="/jgame/fifteen/Im5.jpg" onclick="ButtonClick(4)"
 id="image4" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/fifteen/Im6.jpg" onclick="ButtonClick(5)"
 id="image5" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/fifteen/Im7.jpg" onclick="ButtonClick(6)"
 id="image6" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/fifteen/Im8.jpg" onclick="ButtonClick(7)"
 id="image7" style="cursor:pointer"/></center></td>
  </tr>
  <tr>
  <td><center><img src="/jgame/fifteen/Im9.jpg" onclick="ButtonClick(8)"
 id="image8" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/fifteen/Im10.jpg" onclick="ButtonClick(9)"
 id="image9" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/fifteen/Im11.jpg" onclick="ButtonClick(10)"
 id="image10" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/fifteen/Im12.jpg" onclick="ButtonClick(11)"
 id="image11" style="cursor:pointer"/></center></td>
  </tr>
  <tr>
  <td><center><img src="/jgame/fifteen/Im13.jpg" onclick="ButtonClick(12)"
 id="image12" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/fifteen/Im14.jpg" onclick="ButtonClick(13)"
 id="image13" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/fifteen/Im15.jpg" onclick="ButtonClick(14)"
 id="image14" style="cursor:pointer"/></center></td>
  <td><center><img src="/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>
 

 <p><style type="text/css">
 .chesscellw {
  background-color:#F0D9B5;
 }
 .chesscellb {
  background-color:#B58863;
 }
 </style></p>

 <p><table width="199" class="colorborder" align="center">
  <tr>
  <td><img src="/jgame/easychess/img/ImNull.png" onclick="ButtonClick(12)"
 id="imageImNull" style="cursor:pointer"></td>
  <td><img src="/jgame/easychess/img/bK.png" width="40" height="40" onclick="ButtonClick(0)"
 id="imagebK" style="cursor:pointer"/></td>
  <td><img src="/jgame/easychess/img/bQ.png" width="40" height="40" onclick="ButtonClick(1)"
 id="imagebQ" style="cursor:pointer"/></td>
  <td><img src="/jgame/easychess/img/bR.png" width="40" height="40" onclick="ButtonClick(2)"
 id="imagebR" style="cursor:pointer"/></td>
  <td><img src="/jgame/easychess/img/bB.png" width="40" height="40" onclick="ButtonClick(3)"
 id="imagebB" style="cursor:pointer"/></td>
  <td><img src="/jgame/easychess/img/bN.png" width="40" height="40" onclick="ButtonClick(4)"
 id="imagebN" style="cursor:pointer"/></td>
  <td><img src="/jgame/easychess/img/bP.png" width="40" height="40" onclick="ButtonClick(5)"
 id="imagebP" style="cursor:pointer"/></td>
  <td><img src="/jgame/easychess/img/ImNull.png" onclick="ButtonClick(12)"
 id="imageImNull" style="cursor:pointer"></td>
  </tr>
  <tr>
  <td class="chesscellw"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(56)"
 id="ImageCell56" style="cursor:pointer"></td>
  <td class="chesscellb"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(57)"
 id="ImageCell57" style="cursor:pointer"></td>
  <td class="chesscellw"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(58)"
 id="ImageCell58" style="cursor:pointer"></td>
  <td class="chesscellb"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(59)"
 id="ImageCell59" style="cursor:pointer"></td>
  <td class="chesscellw"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(60)"
 id="ImageCell60" style="cursor:pointer"></td>
  <td class="chesscellb"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(61)"
 id="ImageCell61" style="cursor:pointer"></td>
  <td class="chesscellw"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(62)"
 id="ImageCell62" style="cursor:pointer"></td>
  <td class="chesscellb"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(63)"
 id="ImageCell63" style="cursor:pointer"></td>
  </tr>
  <tr>
  <td class="chesscellb"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(48)"
 id="ImageCell48" style="cursor:pointer"></td>
  <td class="chesscellw"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(49)"
 id="ImageCell49" style="cursor:pointer"></td>
  <td class="chesscellb"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(50)"
 id="ImageCell50" style="cursor:pointer"></td>
  <td class="chesscellw"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(51)"
 id="ImageCell51" style="cursor:pointer"></td>
  <td class="chesscellb"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(52)"
 id="ImageCell52" style="cursor:pointer"></td>
  <td class="chesscellw"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(53)"
 id="ImageCell53" style="cursor:pointer"></td>
  <td class="chesscellb"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(54)"
 id="ImageCell54" style="cursor:pointer"></td>
  <td class="chesscellw"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(55)"
 id="ImageCell55" style="cursor:pointer"></td>
  </tr>
  <tr>
  <td class="chesscellw"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(40)"
 id="ImageCell40" style="cursor:pointer"></td>
  <td class="chesscellb"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(41)"
 id="ImageCell41" style="cursor:pointer"></td>
  <td class="chesscellw"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(42)"
 id="ImageCell42" style="cursor:pointer"></td>
  <td class="chesscellb"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(43)"
 id="ImageCell43" style="cursor:pointer"></td>
  <td class="chesscellw"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(44)"
 id="ImageCell44" style="cursor:pointer"></td>
  <td class="chesscellb"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(45)"
 id="ImageCell45" style="cursor:pointer"></td>
  <td class="chesscellw"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(46)"
 id="ImageCell46" style="cursor:pointer"></td>
  <td class="chesscellb"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(47)"
 id="ImageCell47" style="cursor:pointer"></td>
  </tr>
  <tr>
  <td class="chesscellb"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(32)"
 id="ImageCell32" style="cursor:pointer"></td>
  <td class="chesscellw"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(33)"
 id="ImageCell33" style="cursor:pointer"></td>
  <td class="chesscellb"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(34)"
 id="ImageCell34" style="cursor:pointer"></td>
  <td class="chesscellw"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(35)"
 id="ImageCell35" style="cursor:pointer"></td>
  <td class="chesscellb"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(36)"
 id="ImageCell36" style="cursor:pointer"></td>
  <td class="chesscellw"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(37)"
 id="ImageCell37" style="cursor:pointer"></td>
  <td class="chesscellb"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(38)"
 id="ImageCell38" style="cursor:pointer"></td>
  <td class="chesscellw"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(39)"
 id="ImageCell39" style="cursor:pointer"></td>
  </tr>
  <tr>
  <td class="chesscellw"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(24)"
 id="ImageCell24" style="cursor:pointer"></td>
  <td class="chesscellb"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(25)"
 id="ImageCell25" style="cursor:pointer"></td>
  <td class="chesscellw"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(26)"
 id="ImageCell26" style="cursor:pointer"></td>
  <td class="chesscellb"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(27)"
 id="ImageCell27" style="cursor:pointer"></td>
  <td class="chesscellw"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(28)"
 id="ImageCell28" style="cursor:pointer"></td>
  <td class="chesscellb"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(29)"
 id="ImageCell29" style="cursor:pointer"></td>
  <td class="chesscellw"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(30)"
 id="ImageCell30" style="cursor:pointer"></td>
  <td class="chesscellb"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(31)"
 id="ImageCell31" style="cursor:pointer"></td>
  </tr>
  <tr>
  <td class="chesscellb"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(16)"
 id="ImageCell16" style="cursor:pointer"></td>
  <td class="chesscellw"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(17)"
 id="ImageCell17" style="cursor:pointer"></td>
  <td class="chesscellb"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(18)"
 id="ImageCell18" style="cursor:pointer"></td>
  <td class="chesscellw"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(19)"
 id="ImageCell19" style="cursor:pointer"></td>
  <td class="chesscellb"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(20)"
 id="ImageCell20" style="cursor:pointer"></td>
  <td class="chesscellw"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(21)"
 id="ImageCell21" style="cursor:pointer"></td>
  <td class="chesscellb"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(22)"
 id="ImageCell22" style="cursor:pointer"></td>
  <td class="chesscellw"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(23)"
 id="ImageCell23" style="cursor:pointer"></td>
  </tr>
  <tr>
  <td class="chesscellw"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(8)"
 id="ImageCell8" style="cursor:pointer"></td>
  <td class="chesscellb"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(9)"
 id="ImageCell9" style="cursor:pointer"></td>
  <td class="chesscellw"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(10)"
 id="ImageCell10" style="cursor:pointer"></td>
  <td class="chesscellb"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(11)"
 id="ImageCell11" style="cursor:pointer"></td>
  <td class="chesscellw"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(12)"
 id="ImageCell12" style="cursor:pointer"></td>
  <td class="chesscellb"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(13)"
 id="ImageCell13" style="cursor:pointer"></td>
  <td class="chesscellw"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(14)"
 id="ImageCell14" style="cursor:pointer"></td>
  <td class="chesscellb"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(15)"
 id="ImageCell15" style="cursor:pointer"></td>
  </tr>
  <tr>
  <td class="chesscellb"><img src="/jgame/easychess/img/ImNull.png" ​onclick="CellClick(0)"
 id="ImageCell0" style="cursor:pointer"></td>
​ <td class="chesscellw"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(1)"
 id="ImageCell1" style="cursor:pointer"></td>
​ <td class="chesscellb"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(2)"
 id="ImageCell2" style="cursor:pointer"></td>
​ <td class="chesscellw"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(3)"
 id="ImageCell3" style="cursor:pointer"></td>
​ <td class="chesscellb"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(4)"
 id="ImageCell4" style="cursor:pointer"></td>
​ <td class="chesscellw"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(5)"
 id="ImageCell5" style="cursor:pointer"></td>
​ <td class="chesscellb"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(6)"
 id="ImageCell6" style="cursor:pointer"></td>
​ <td class="chesscellw"><img src="/jgame/easychess/img/ImNull.png" onclick="CellClick(7)"
 id="ImageCell7" style="cursor:pointer"></td>
​ </tr>
​ <tr>
​ <td><img src="/jgame/easychess/img/ImNull.png"
​onclick="ButtonClick(12)" id="imageImNull" style="cursor:pointer"></td>
​ <td><img src="/jgame/easychess/img/wK.png" width="40"
​height="40" onclick="ButtonClick(6)" id="imagewK" style="
cursor:pointer"/></td>
​ <td><img src="/jgame/easychess/img/wQ.png" width="40"
​height="40" onclick="ButtonClick(7)" id="imagewQ" style="
cursor:pointer"/></td>
​ <td><img src="/jgame/easychess/img/wR.png" width="40"
​height="40" onclick="ButtonClick(8)" id="imagewR" style="
cursor:pointer"/></td>
​ <td><img src="/jgame/easychess/img/wB.png" width="40"
​height="40" onclick="ButtonClick(9)" id="imagewB" style="
cursor:pointer"/></td>
​ <td><img src="/jgame/easychess/img/wN.png" width="40"
​height="40" onclick="ButtonClick(10)" id="imagewN" style="
cursor:pointer"/></td>
​ <td><img src="/jgame/easychess/img/wP.png" width="40"
​height="40" onclick="ButtonClick(11)" id="imagewP" style="
cursor:pointer"/></td>
​ <td><img src="/jgame/easychess/img/ImNull.png"
 onclick="ButtonClick(12)" id="imageImNull" style="cursor:pointer"></td>
​ </tr>
​ <tr>
​ <td colspan="3"><center><input type="radio" onclick="AddClickNew()"
 name="butradio" checked="true" id="butradio1"/><input type="button"
 onclick="AddClickNew()" value="расстановка" /></center></td>
​ <td colspan="2"><center><input type="radio" onclick="AddClickGo()"
 name="butradio" id="butradio2"/><input type="button" onclick="AddClickGo()"
 value="решать" /></center></td>
​ <td colspan="3"><center><input type="button" onclick="AddClickReset()"
 value="сначала" /></center></td>
​ </tr>
​</table></p>

​<p><script>
​var tempFigura = "ImNull";
​var tempFiguraCell = "ImNull";
​var tempFiguraNum = 64;
​var place = ["ImNull", "ImNull", "ImNull", "ImNull", "ImNull",
"ImNull","ImNull", "ImNull", "ImNull", "ImNull",
​"ImNull", "ImNull", "ImNull", "ImNull", "ImNull",
​"ImNull", "ImNull", "ImNull", "ImNull", "ImNull",
​"ImNull", "ImNull", "ImNull", "ImNull", "ImNull",
​"ImNull", "ImNull", "ImNull", "ImNull", "ImNull",
​"ImNull", "ImNull", "ImNull", "ImNull", "ImNull",
​"ImNull", "ImNull", "ImNull", "ImNull", "ImNull",
​"ImNull", "ImNull", "ImNull", "ImNull", "ImNull",
​"ImNull", "ImNull", "ImNull", "ImNull", "ImNull",
​"ImNull", "ImNull", "ImNull", "ImNull", "ImNull",
​"ImNull", "ImNull", "ImNull", "ImNull", "ImNull",
​"ImNull", "ImNull", "ImNull", "ImNull", "ImNull"];
​var placestep = ["ImNull", "ImNull", "ImNull", "ImNull",
​"ImNull", "ImNull", "ImNull", "ImNull", "ImNull",
​"ImNull", "ImNull", "ImNull", "ImNull", "ImNull",
​"ImNull", "ImNull", "ImNull", "ImNull", "ImNull",
​"ImNull", "ImNull", "ImNull", "ImNull", "ImNull",
​"ImNull", "ImNull", "ImNull", "ImNull", "ImNull",
​"ImNull", "ImNull", "ImNull", "ImNull", "ImNull",
​"ImNull", "ImNull", "ImNull", "ImNull", "ImNull",
​"ImNull", "ImNull", "ImNull", "ImNull", "ImNull",
​"ImNull", "ImNull", "ImNull", "ImNull", "ImNull",
​"ImNull", "ImNull", "ImNull", "ImNull", "ImNull",
​"ImNull", "ImNull", "ImNull", "ImNull", "ImNull",
​"ImNull", "ImNull", "ImNull", "ImNull", "ImNull",
​"ImNull"];
​function ButtonClick(NumBtn) {
​ if (document.getElementById('butradio1').checked == true) { 
​ AddClickResetGo();
​ if (NumBtn == 0) {document.getElementById('imagebK').style.backgroundColor = "#FFD800"; tempFigura="bK";}
​ if (NumBtn == 1) {document.getElementById('imagebQ').style.backgroundColor = "#FFD800"; tempFigura="bQ";}
​ if (NumBtn == 2) {document.getElementById('imagebR').style.backgroundColor = "#FFD800"; tempFigura="bR";}
​ if (NumBtn == 3) {document.getElementById('imagebB').style.backgroundColor = "#FFD800"; tempFigura="bB";}
​ if (NumBtn == 4) {document.getElementById('imagebN').style.backgroundColor = "#FFD800"; tempFigura="bN";}
​ if (NumBtn == 5) {document.getElementById('imagebP').style.backgroundColor = "#FFD800"; tempFigura="bP";}
​ if (NumBtn == 6) {document.getElementById('imagewK').style.backgroundColor = "#FFD800"; tempFigura="wK";}
​ if (NumBtn == 7) {document.getElementById('imagewQ').style.backgroundColor = "#FFD800"; tempFigura="wQ";}
​ if (NumBtn == 8) {document.getElementById('imagewR').style.backgroundColor = "#FFD800"; tempFigura="wR";}
​ if (NumBtn == 9) {document.getElementById('imagewB').style.backgroundColor = "#FFD800"; tempFigura="wB";}
​ if (NumBtn == 10) {document.getElementById('imagewN').style.backgroundColor = "#FFD800"; tempFigura="wN";}
​ if (NumBtn == 11) {document.getElementById('imagewP').style.backgroundColor = "#FFD800"; tempFigura="wP";}
​ if (NumBtn == 12) {tempFigura="ImNull";}
​ }
​}
​function CellClick(NumBtn) {
​ if (document.getElementById('butradio1').checked == true) { 
​ if (document.getElementById('ImageCell' + NumBtn).src == document.getElementById('image' + tempFigura).src) { 
​ document.getElementById('ImageCell' + NumBtn).src="/jgame/easychess/img/ImNull.png";
​ document.getElementById('ImageCell' + NumBtn).width = 40;
​ document.getElementById('ImageCell' + NumBtn).height = 40;
​ place[NumBtn] = "ImNull";
​ } else {
​ document.getElementById('ImageCell' + NumBtn).src="/jgame/easychess/img/" + tempFigura
 + ".png";
​ document.getElementById('ImageCell' + NumBtn).width = 40;
​ document.getElementById('ImageCell' + NumBtn).height = 40;
​ place[NumBtn] = tempFigura;
​ }
​ } else {
​ if (tempFiguraCell == "ImNull") { 
​ if (document.getElementById('ImageCell' + NumBtn).src != document.getElementById('imageImNull').src) {
​ document.getElementById('ImageCell' + NumBtn).style.backgroundColor = "#FFD800";
​ tempFiguraCell = place[NumBtn];
​ tempFiguraNum = NumBtn; 
​ } 
​ } else {
​ if (place[NumBtn] != "wK"){if (place[NumBtn] != "bK"){
​ document.getElementById('ImageCell' + tempFiguraNum).style.backgroundColor = "";
​ document.getElementById('ImageCell' + tempFiguraNum).src = document.getElementById('imageImNull').src;
​ place[tempFiguraNum] = "ImNull";
​ document.getElementById('ImageCell' + NumBtn).src = document.getElementById('image' + tempFiguraCell).src;
​ document.getElementById('ImageCell' + NumBtn).width = 40;
​ document.getElementById('ImageCell' + NumBtn).height = 40;
​ place[NumBtn] = tempFiguraCell;
​ tempFiguraCell = place[64];
​ tempFiguraNum = 64; 
​ }}
​ }
​ }
​}
​function AddClickNew() {
​ document.getElementById('butradio1').checked = true;
​ for (var i = 0; i<64; i++) 
{document.getElementById('ImageCell' + i).src="/jgame/easychess/img/"+placestep[i]+".png"; 
place[i] = placestep[i]; document.getElementById('ImageCell' + i).style.backgroundColor = "";}
​ AddClickResetGo();
​}</p>

​<p>function AddClickGo() {
​ for (var i = 0; i<64; i++) {placestep[i] = place[i];}
​ document.getElementById('butradio2').checked = true;
​ AddClickResetGo();
​}
​function AddClickResetGo() {
​ var imagefigure=['imagebK', 'imagebQ', 'imagebR', 'imagebB',
​'imagebN', 'imagebP', 'imagewK', 'imagewQ', 'imagewR',
​'imagewB', 'imagewN', 'imagewP'];
​ tempFiguraCell = "ImNull";
​ for (var i = 0; i < imagefigure.length; i++) { document.getElementById(imagefigure[i]).style.backgroundColor = "#FFFFFF"; }
​}
​function AddClickReset() {
​ for (var i = 0; i<64; i++) {document.getElementById('ImageCell' + i).src=
"/jgame/easychess/img/"+placestep[i]+".png";
​place[i] = placestep[i]; 
​document.getElementById('ImageCell' + i).style.backgroundColor = "";}
​ AddClickResetGo();
​}
​</script></p>
​

 <p><table align="center" width="199" class="colorborder">
  <tr>
  <td colspan="4" align="center"><input type="text" id="v2outfield1" value="" size="30" readonly="readonly"/></td>
  </tr>
  <tr>
  <td colspan="4" align="center"><input type="text" id="v2outfield2" value="" size="30" readonly="readonly"/>
  </tr>
  <tr>
  <td colspan="3">&nbsp;</td>
  <td><center><img src="/jgame/calculator/Im201.jpg" onclick="v2ButtonClick3()" style="cursor:pointer"/></center></td>
  </tr>
  <tr>
  <td colspan="2"><center><img src="/jgame/calculator/Im301.jpg" onclick="v2ButtonClick5(15)" style="cursor:pointer"/></center></td>
  <td colspan="2"><center><img src="/jgame/calculator/Im312.jpg" onclick="v2ButtonClick5(16)" style="cursor:pointer"/></center></td>
  </tr>
  <tr>
  <td><center><img src="/jgame/calculator/Im7.jpg" onclick="v2ButtonClick5(7)" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/calculator/Im8.jpg" onclick="v2ButtonClick5(8)" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/calculator/Im9.jpg" onclick="v2ButtonClick5(9)" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/calculator/Im101.jpg" onclick="v2ButtonClick5(11)" style="cursor:pointer"/></center></td>
  </tr>
  <tr>
  <td><center><img src="/jgame/calculator/Im4.jpg" onclick="v2ButtonClick5(4)" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/calculator/Im5.jpg" onclick="v2ButtonClick5(5)" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/calculator/Im6.jpg" onclick="v2ButtonClick5(6)" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/calculator/Im102.jpg" onclick="v2ButtonClick5(12)" style="cursor:pointer"/></center></td>
  </tr>
  <tr>
  <td><center><img src="/jgame/calculator/Im1.jpg" onclick="v2ButtonClick5(1)" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/calculator/Im2.jpg" onclick="v2ButtonClick5(2)" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/calculator/Im3.jpg" onclick="v2ButtonClick5(3)" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/calculator/Im103.jpg" onclick="v2ButtonClick5(13)" style="cursor:pointer"/></center></td>
  </tr>
  <tr>
  <td><center><img src="/jgame/calculator/Im0.jpg" onclick="v2ButtonClick5(0)" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/calculator/Im10.jpg" onclick="v2ButtonClick5(10)" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/calculator/Im105.jpg" onclick="v2ButtonClick4()" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/calculator/Im104.jpg" onclick="v2ButtonClick5(14)" style="cursor:pointer"/></center></td>
  </tr>
 </table></p>

 <p><script>
 var ValueCalkB=['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '.', '/', '*', '-', '+', '(', ')'];
 function v2ButtonClick5(NumBut) {
  document.getElementById('v2outfield1').value = document.getElementById('v2outfield1').value + ValueCalkB[NumBut];
 }
 function v2ButtonClick3(NumBut) {
  document.getElementById('v2outfield1').value = "";
 }
 function v2ButtonClick4(NumBut) {
  document.getElementById('v2outfield2').value = eval(document.getElementById('v2outfield1').value);
 }
 </script>
  </p>
 

 <p><table align="center" width="199" class="colorborder">
  <tr>
  <td colspan="4" align="center"><input type="text" id="v3outfield3" value="" size="30" hidden="true" readonly="readonly"/></td>
  </tr>
  <tr>
  <td colspan="4" align="center"><input type="text" id="v3outfield1" value="" size="30" readonly="readonly"/></td>
  </tr>
  <tr>
  <td colspan="4" align="center"><input type="text" id="v3outfield2" value="" size="30" readonly="readonly"/>
  </tr>
  <tr>
  <td colspan="3">&nbsp;</td>
  <td><center><img src="/jgame/calcbig/Im201.jpg" onclick="v3ButtonClick3()" style="cursor:pointer"/></center></td>
  </tr>
  <tr>
  <td><center><img src="/jgame/calcbig/Im301.jpg" onclick="v3ButtonClick5(15)" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/calcbig/Im302.jpg" onclick="v3ButtonClick5(17)" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/calcbig/Im303.jpg" onclick="v3ButtonClick5(18)" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/calcbig/Im304.jpg" onclick="v3ButtonClick5(19)" style="cursor:pointer"/></center></td>
  </tr>
  <tr>
  <td><center><img src="/jgame/calcbig/Im305.jpg" onclick="v3ButtonClick5(20)" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/calcbig/Im306.jpg" onclick="v3ButtonClick5(21)" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/calcbig/Im307.jpg" onclick="v3ButtonClick5(22)" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/calcbig/Im308.jpg" onclick="v3ButtonClick5(23)" style="cursor:pointer"/></center></td>
  </tr>
  <tr>
  <td><center><img src="/jgame/calcbig/Im309.jpg" onclick="v3ButtonClick5(24)" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/calcbig/Im310.jpg" onclick="v3ButtonClick5(25)" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/calcbig/Im311.jpg" onclick="v3ButtonClick5(26)" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/calcbig/Im312.jpg" onclick="v3ButtonClick5(16)" style="cursor:pointer"/></center></td>
  </tr>
  <tr>
  <td><center><img src="/jgame/calcbig/Im7.jpg" onclick="v3ButtonClick5(7)" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/calcbig/Im8.jpg" onclick="v3ButtonClick5(8)" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/calcbig/Im9.jpg" onclick="v3ButtonClick5(9)" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/calcbig/Im101.jpg" onclick="v3ButtonClick5(11)" style="cursor:pointer"/></center></td>
  </tr>
  <tr>
  <td><center><img src="/jgame/calcbig/Im4.jpg" onclick="v3ButtonClick5(4)" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/calcbig/Im5.jpg" onclick="v3ButtonClick5(5)" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/calcbig/Im6.jpg" onclick="v3ButtonClick5(6)" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/calcbig/Im102.jpg" onclick="v3ButtonClick5(12)" style="cursor:pointer"/></center></td>
  </tr>
  <tr>
  <td><center><img src="/jgame/calcbig/Im1.jpg" onclick="v3ButtonClick5(1)" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/calcbig/Im2.jpg" onclick="v3ButtonClick5(2)" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/calcbig/Im3.jpg" onclick="v3ButtonClick5(3)" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/calcbig/Im103.jpg" onclick="v3ButtonClick5(13)" style="cursor:pointer"/></center></td>
  </tr>
  <tr>
  <td><center><img src="/jgame/calcbig/Im0.jpg" onclick="v3ButtonClick5(0)" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/calcbig/Im10.jpg" onclick="v3ButtonClick5(10)" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/calcbig/Im105.jpg" onclick="v3ButtonClick4()" style="cursor:pointer"/></center></td>
  <td><center><img src="/jgame/calcbig/Im104.jpg" onclick="v3ButtonClick5(14)" style="cursor:pointer"/></center></td>
  </tr>
 </table></p>

 <p><script>
 var ValueCalkA1=
 ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '.', '/', '*', '-', '+', '(', ')',
 'pi', 'sin(', 'cos(', 'tg(', 'arcsin(', 'arccos(', 'arctg(', 'ln(', 'lg(', 'sqrt('];
 var ValueCalkA2=
 ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '.', '/', '*', '-', '+', '(', ')',
 'Math.PI', 'Math.sin((Math.PI/180)*', 'Math.cos((Math.PI/180)*', 'Math.tan((Math.PI/180)*',
  '(180/Math.PI)*Math.asin(', '(180/Math.PI)*Math.acos(', '(180/Math.PI)*Math.atan(', 'Math.log(', 'Math.log10(', 'Math.sqrt('];</p>

 <p>function v3ButtonClick5(NumBut) {
  document.getElementById('v3outfield1').value = document.getElementById('v3outfield1').value + ValueCalkA1[NumBut];
  document.getElementById('v3outfield3').value = document.getElementById('v3outfield3').value + ValueCalkA2[NumBut];
 };</p>

 <p>function v3ButtonClick3() {
  document.getElementById('v3outfield1').value = "";
  document.getElementById('v3outfield3').value = "";
 }
 function v3ButtonClick4() {
  document.getElementById('v3outfield2').value = eval(document.getElementById('v3outfield3').value);
 }
 </script></p>
 

 <p><style type="text/css">
 .midifont2 {
 cursor:pointer;
 width: 34px;
 height: 60px;
 }
 .midifont21 {
 cursor:pointer;
 width: 38px;
 height: 65px;
 }
 .midifont210 {
 width: 26px;
 height: 65px;
 }
 .midifont25 {
 width: 10px;
 height: 65px;
 }
 </style></p>

 <p><table width ="335" height="202" border="0" style="background-image:url(/js/midi/midikey.png);
 background-repeat: no-repeat;
   background-size: 330px;" class="colorborder" align="center">
  <tr>
  <td>
  тип:
  <input checked="checked" name="typein" onclick="{typeHz = 'sine'}" type="radio" />
  <input name="typein" onclick="{typeHz = 'square'}" type="radio" />
  <input name="typein" onclick="{typeHz = 'sawtooth'}" type="radio" />
  <input name="typein" onclick="{typeHz = 'triangle'}" type="radio" />
  </td>
  </tr>
  <tr>
  <td height="69" align="left">
 <table align="left" width="5"><tr><td>
  <img class="midifont25" src="/js/midibig/midipin10.png">
 </td></tr></table>
 <table align="left" width="5"><tr><td>
  <img onmousedown="beep(277)" onmouseup="beepstop()" class="midifont21" src="/js/midibig/midipin11.png">
 </td></tr></table>
 <table align="left" width="5"><tr><td>
  <img onmousedown="beep(311)" onmouseup="beepstop()" class="midifont21" src="/js/midibig/midipin11.png">
 </td></tr></table>
 <table align="left" width="5"><tr><td>
  <img class="midifont210" src="/js/midibig/midipin10.png">
 </td></tr></table>
 <table align="left" width="5"><tr><td>
  <img onmousedown="beep(370)" onmouseup="beepstop()" class="midifont21" src="/js/midibig/midipin11.png">
 </td></tr></table>
 <table align="left" width="5"><tr><td>
  <img onmousedown="beep(415)" onmouseup="beepstop()" class="midifont21" src="/js/midibig/midipin11.png">
 </td></tr></table>
 <table align="left" width="5" ><tr><td>
  <img onmousedown="beep(466)" onmouseup="beepstop()" class="midifont21" src="/js/midibig/midipin11.png">
 </td></tr></table>
 <table align="left" width="5"><tr><td>
  <img class="midifont210" src="/js/midibig/midipin10.png">
 </td></tr></table></p>

 <p> </td>
  </tr>
  <tr>
  <td height="69" align="left"></p>

 <p><table align="left" width="5"><tr><td>
  <img onmousedown="beep(261)" onmouseup="beepstop()" class="midifont2" src="/js/midibig/midipin1.png">
 </td></tr></table>
 <table align="left" width="5"><tr><td>
  <img onmousedown="beep(293)" onmouseup="beepstop()" class="midifont2" src="/js/midibig/midipin2.png">
 </td></tr></table>
 <table align="left" width="5"><tr><td>
  <img onmousedown="beep(329)" onmouseup="beepstop()" class="midifont2" src="/js/midibig/midipin3.png">
 </td></tr></table>
 <table align="left" width="5"><tr><td>
  <img onmousedown="beep(349)" onmouseup="beepstop()" class="midifont2" src="/js/midibig/midipin4.png">
 </td></tr></table>
 <table align="left" width="5"><tr><td>
  <img onmousedown="beep(392)" onmouseup="beepstop()" class="midifont2" src="/js/midibig/midipin5.png">
 </td></tr></table>
 <table align="left" width="5"><tr><td>
  <img onmousedown="beep(440)" onmouseup="beepstop()" class="midifont2" src="/js/midibig/midipin6.png">
 </td></tr></table>
 <table align="left" width="5"><tr><td>
  <img onmousedown="beep(493)" onmouseup="beepstop()" class="midifont2" src="/js/midibig/midipin7.png">
 </td></tr></table>
 <table align="left" width="5"><tr><td>
  <img onmousedown="beep(523)" onmouseup="beepstop()" class="midifont2" src="/js/midibig/midipin1.png">
 </td></tr></table>
  </td>
  </tr>
 </table>
 <script>
 audioCtx = new(window.AudioContext || window.webkitAudioContext)();
 var typeHz = 'sine';
 var oscillatormine = audioCtx.createOscillator();
 var flagkey = true;</p>

 <p>function beep(frequencyHz) {
  var oscillator = audioCtx.createOscillator();
  var gainNode = audioCtx.createGain();</p>

 <p> oscillator.connect(gainNode);
  gainNode.connect(audioCtx.destination);</p>

 <p> gainNode.gain.value = 0.3;
  oscillator.frequency.value = frequencyHz;
  oscillator.type = typeHz;</p>

 <p> oscillator.start();
  oscillatormine = oscillator;
  
  setTimeout(
  function() {
  oscillator.stop();
  },
  2000
  );
 };</p>

 <p>function beepstop() {
  setTimeout(
  function() {
  oscillatormine.stop();
  },
  100
  );
 };</p>

 <p>document.addEventListener('keydown', function(event) { 
 if (event.code == 'Digit1') { if (flagkey) {flagkey = false; beep(261)}};
 if (event.code == 'Digit2') { if (flagkey) {flagkey = false; beep(293)}};
 if (event.code == 'Digit3') { if (flagkey) {flagkey = false; beep(329)}};
 if (event.code == 'Digit4') { if (flagkey) {flagkey = false; beep(349)}};
 if (event.code == 'Digit5') { if (flagkey) {flagkey = false; beep(392)}};
 if (event.code == 'Digit6') { if (flagkey) {flagkey = false; beep(440)}};
 if (event.code == 'Digit7') { if (flagkey) {flagkey = false; beep(493)}};
 if (event.code == 'Digit8') { if (flagkey) {flagkey = false; beep(523)}};
 });
 document.addEventListener('keyup', function(event) { 
 beepstop();
 flagkey = true;
 });
 </script></p>
 

 <p><style type="text/css">
 .midifont {
 cursor:pointer;
 width: 33px;
 height: 60px;
 }
 .midifont1 {
 cursor:pointer;
 width: 37px;
 height: 65px;
 }
 .midifont10 {
 width: 24px;
 height: 65px;
 }
 .midifont5 {
 width: 10px;
 height: 65px;
 }
 </style></p>

 <p><table width ="605" height="202" border="0"
 style="background-image:url(/js/midibig/midiboardbig.png); background-repeat: no-repeat;
   background-size: 590px;" class="colorborder" align="center">
  <tr>
  <td><center>
  тип:
  <input checked="checked" name="Imtypein" onclick="{ImtypeHz = 'sine'}" type="radio" />
  <input name="Imtypein" onclick="{ImtypeHz = 'square'}" type="radio" />
  <input name="Imtypein" onclick="{ImtypeHz = 'sawtooth'}" type="radio" />
  <input name="Imtypein" onclick="{ImtypeHz = 'triangle'}" type="radio" /></center>
  </td>
  <td><center>
  тон:
  <input name="Imtonein" onclick="{ImtoneHz = 0.25}" type="radio" />
  <input name="Imtonein" onclick="{ImtoneHz = 0.5}" type="radio" />
  <input checked="checked" name="Imtonein" onclick="{ImtoneHz = 1}" type="radio" />
  <input name="Imtonein" onclick="{ImtoneHz = 2}" type="radio" />
  <input name="Imtonein" onclick="{ImtoneHz = 4}" type="radio" />
  </center></td>
  <td><center>
  темп:
  <input id="v4rGo" type="checkbox" value="" />
  <input type="range" id="v4rSpeed" max="200" min="30" value="50" width="100"
  oninput="{document.getElementById('v4spanSpeed').innerHTML = document.getElementById('v4rSpeed').value; v4TempStep = 0;}" />
  <span id="v4spanSpeed">50</span>
  </center>
  </td>
  </tr>
  <tr>
  <td colspan="3" height="69" align="left"></p>

 <p><table align="left" width="5"><tr><td>
  <img class="midifont5" src="/js/midibig/midipin10.png">
 </td></tr></table>
 <table align="left" width="5"><tr><td>
  <img onmousedown="v3beep(277*ImtoneHz)" onmouseup="v3beepstop()" class="midifont1" src="/js/midibig/midipin11.png">
 </td></tr></table>
 <table align="left" width="5"><tr><td>
  <img onmousedown="v3beep(311*ImtoneHz)" onmouseup="v3beepstop()" class="midifont1" src="/js/midibig/midipin11.png">
 </td></tr></table>
 <table align="left" width="5"><tr><td>
  <img class="midifont10" src="/js/midibig/midipin10.png">
 </td></tr></table>
 <table align="left" width="5"><tr><td>
  <img onmousedown="v3beep(370*ImtoneHz)" onmouseup="v3beepstop()" class="midifont1" src="/js/midibig/midipin11.png">
 </td></tr></table>
 <table align="left" width="5"><tr><td>
  <img onmousedown="v3beep(415*ImtoneHz)" onmouseup="v3beepstop()" class="midifont1" src="/js/midibig/midipin11.png">
 </td></tr></table>
 <table align="left" width="5"><tr><td>
  <img onmousedown="v3beep(466*ImtoneHz)" onmouseup="v3beepstop()" class="midifont1" src="/js/midibig/midipin11.png">
 </td></tr></table>
 <table align="left" width="5"><tr><td>
  <img class="midifont10" src="/js/midibig/midipin10.png">
 </td></tr></table>
 <table align="left" width="5"><tr><td>
  <img onmousedown="v3beep(554*ImtoneHz)" onmouseup="v3beepstop()" class="midifont1" src="/js/midibig/midipin11.png">
 </td></tr></table>
 <table align="left" width="5"><tr><td>
  <img onmousedown="v3beep(622*ImtoneHz)" onmouseup="v3beepstop()" class="midifont1" src="/js/midibig/midipin11.png">
 </td></tr></table>
 <table align="left" width="5"><tr><td>
  <img class="midifont10" src="/js/midibig/midipin10.png">
 </td></tr></table>
 <table align="left" width="5"><tr><td>
  <img onmousedown="v3beep(740*ImtoneHz)" onmouseup="v3beepstop()" class="midifont1" src="/js/midibig/midipin11.png">
 </td></tr></table>
 <table align="left" width="5"><tr><td>
  <img onmousedown="v3beep(830*ImtoneHz)" onmouseup="v3beepstop()" class="midifont1" src="/js/midibig/midipin11.png">
 </td></tr></table>
 <table align="left" width="5"><tr><td>
  <img onmousedown="v3beep(932*ImtoneHz)" onmouseup="v3beepstop()" class="midifont1" src="/js/midibig/midipin11.png">
 </td></tr></table>
 <table align="left" width="5"><tr><td>
  <img class="midifont10" src="/js/midibig/midipin10.png">
 </td></tr></table></p>

 <p> </td>
  </tr>
  <tr>
  <td colspan="3" height="69" align="left"></p>

 <p><table align="left" width="5"><tr><td>
  <img onmousedown="v3beep(261*ImtoneHz)" onmouseup="v3beepstop()" class="midifont" src="/js/midibig/midipin1.png">
 </td></tr></table>
 <table align="left" width="5"><tr><td>
  <img onmousedown="v3beep(293*ImtoneHz)" onmouseup="v3beepstop()" class="midifont" src="/js/midibig/midipin2.png">
 </td></tr></table>
 <table align="left" width="5"><tr><td>
  <img onmousedown="v3beep(329*ImtoneHz)" onmouseup="v3beepstop()" class="midifont" src="/js/midibig/midipin3.png">
 </td></tr></table>
 <table align="left" width="5"><tr><td>
  <img onmousedown="v3beep(349*ImtoneHz)" onmouseup="v3beepstop()" class="midifont" src="/js/midibig/midipin4.png">
 </td></tr></table>
 <table align="left" width="5"><tr><td>
  <img onmousedown="v3beep(392*ImtoneHz)" onmouseup="v3beepstop()" class="midifont" src="/js/midibig/midipin5.png">
 </td></tr></table>
 <table align="left" width="5"><tr><td>
  <img onmousedown="v3beep(440*ImtoneHz)" onmouseup="v3beepstop()" class="midifont" src="/js/midibig/midipin6.png">
 </td></tr></table>
 <table align="left" width="5"><tr><td>
  <img onmousedown="v3beep(493*ImtoneHz)" onmouseup="v3beepstop()" class="midifont" src="/js/midibig/midipin7.png">
 </td></tr></table>
 <table align="left" width="5"><tr><td>
  <img onmousedown="v3beep(523*ImtoneHz)" onmouseup="v3beepstop()" class="midifont" src="/js/midibig/midipin1.png">
 </td></tr></table>
 <table align="left" width="5"><tr><td>
  <img onmousedown="v3beep(587*ImtoneHz)" onmouseup="v3beepstop()" class="midifont" src="/js/midibig/midipin2.png">
 </td></tr></table>
 <table align="left" width="5"><tr><td>
  <img onmousedown="v3beep(659*ImtoneHz)" onmouseup="v3beepstop()" class="midifont" src="/js/midibig/midipin3.png">
 </td></tr></table>
 <table align="left" width="5"><tr><td>
  <img onmousedown="v3beep(698*ImtoneHz)" onmouseup="v3beepstop()" class="midifont" src="/js/midibig/midipin4.png">
 </td></tr></table>
 <table align="left" width="5"><tr><td>
  <img onmousedown="v3beep(784*ImtoneHz)" onmouseup="v3beepstop()" class="midifont" src="/js/midibig/midipin5.png">
 </td></tr></table>
 <table align="left" width="5"><tr><td>
  <img onmousedown="v3beep(880*ImtoneHz)" onmouseup="v3beepstop()" class="midifont" src="/js/midibig/midipin6.png">
 </td></tr></table>
 <table align="left" width="5"><tr><td>
  <img onmousedown="v3beep(987*ImtoneHz)" onmouseup="v3beepstop()" class="midifont" src="/js/midibig/midipin7.png">
 </td></tr></table>
 <table align="left" width="5"><tr><td>
  <img onmousedown="v3beep(1046*ImtoneHz)" onmouseup="v3beepstop()" class="midifont" src="/js/midibig/midipin1.png">
 </td></tr></table></p>

 <p> </td>
  </tr></table></p>

 <p><script>
 v3audioCtx = new(window.AudioContext || window.webkitAudioContext)();
 var ImtypeHz = 'sine';
 var ImtoneHz = 1.0;
 var v3oscillatormine = v3audioCtx.createOscillator();</p>

 <p>function v3beep(v3frequencyHz) {
  var v3oscillator = v3audioCtx.createOscillator();
  var v3gainNode = v3audioCtx.createGain();</p>

 <p> v3oscillator.connect(v3gainNode);
  v3gainNode.connect(v3audioCtx.destination);</p>

 <p> v3gainNode.gain.value = 0.3;
  v3oscillator.frequency.value = v3frequencyHz;
  v3oscillator.type = ImtypeHz;</p>

 <p> v3oscillator.start();
  v3oscillatormine = v3oscillator;
  
  setTimeout(
  function() {
  v3oscillator.stop();
  },
  2000
  );
 };</p>

 <p>function v3beepstop() {
  setTimeout(
  function() {
  v3oscillatormine.stop();
  },
  100
  );
 };
 </script></p>

 <p><script>
 v4audioCtx = new(window.AudioContext || window.webkitAudioContext)();
 var v4ImtypeHz = 'sine';
 var v4TempStep = 0;</p>

 <p>v4timerMetronomId = setInterval(v4GoBeep, 10);</p>

 <p>function v4GoBeep() {
  v4TempStep = v4TempStep + 1; 
  if (document.getElementById('v4rGo').checked) {
  if (v4TempStep >= 100*60/document.getElementById('v4rSpeed').value) {
  v4TempStep = 0; 
  v4beep(400); 
  }}
 }</p>

 <p>function v4beep(v4frequencyHz) {
  var v4oscillator = v4audioCtx.createOscillator();
  var v4gainNode = v4audioCtx.createGain();</p>

 <p> v4oscillator.connect(v4gainNode);
  v4gainNode.connect(v4audioCtx.destination);</p>

 <p> v4gainNode.gain.value = 0.7;
  v4oscillator.frequency.value = v4frequencyHz;
  v4oscillator.type = v4ImtypeHz;</p>

 <p> v4oscillator.start();</p>

 <p> setTimeout(
  function() {
  v4oscillator.stop();
  },
  100
  );
 };
 </script></p>